I have a page that contains a Section>Row (two columns)> Column1 (text) & Column2 (google map).
1) I want the section, row and column2 to have no margin or padding. I want column2 to alwasy be touching the side of the browser window (when viewed on computer or ipad; aka big screen).
2) I want the section>row>columns to always take up 100% in height.
Image webpage is filled with two rectangles (blue on the left and red on the right). These rectangles take up 100% of the page in height. Blue and Red each take up half the screen (100% tall and 50% wide). No matter how much content (paragraph) is in the left side I want the red/right side (aka google map side) to always take up 100% height to match the blue side.
Right now I put a map in the right side and it only takes up 50% height no matter what height I set. Further the section or Row seems to have 20 pixel padding and I can't get rid of it.