How to use google map with responsive layouts

Resize the browser window to see the difference between 2 methods.

The 1st method - with max-width:100%; of the embed element:

View Larger Map

The 2nd method - keeping the ratio of the embed element:

  • Resizing an iframe on a responsive template:

  • Flexible google map