To be able to view the Google Maps, I have to set the height to a pixel value. I can set the width to 100% and it's almost responsive, but not to the height. I thought I could set different values to the height depending on different media queires, but that doesn't work. Any ideas how this can be solved. I just want a smaller height when it's on mobile and a bigger map on desktop.
The CSS I use:
media query works perfectly.
try to re-size window with the map inside.