3D-kreativ 3D-kreativ - 5 months ago 6x
HTML Question

Set width and height to responsive Google Map?

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:

width: 100%;
height: 200px;


media query works perfectly.

look here

try to re-size window with the map inside.