Created
January 20, 2022 15:32
-
-
Save carmoreira/13dcb6c50be19a1119e9fc24e802b52c to your computer and use it in GitHub Desktop.
Force iframe in lightbox to be 16:9 - Interactive Geo Maps
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.igm-map-content { | |
position: relative; | |
padding-bottom: 56.25% !important; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ | |
height: 0; | |
overflow: hidden; | |
} | |
.igm-map-content iframe { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment