The idea is to achieve this, without fixed heights. Before the validation they are both divs like 600px, but I want the google maps div to grow as the contact form div does. I tried the display: flex thing but I dont know if I am doing something wrong.
If you submit the underlying code to the problem we could check if you used the "flex property" right. For a generally really good explanation on that topic you can take a read at: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
The easiest way of archieving this however would be using a height property of 100% on both, while wrapping them inside a div.
