MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 148: | Line 148: | ||
text-align: center; /* Ensure text stays centered in flex layout */ | text-align: center; /* Ensure text stays centered in flex layout */ | ||
padding: 10px; /* Your eras-table padding */ | padding: 10px; /* Your eras-table padding */ | ||
} | |||
} | |||
.youtube-responsive { | |||
position: relative; | |||
width: 100%; | |||
padding-bottom: 56.25%; | |||
height: 0; | |||
max-width: 960px; /* Optional: caps the size on large screens */ | |||
} | |||
.youtube-responsive iframe { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
@media only screen and (max-width: 768px) { | |||
.youtube-responsive { | |||
max-width: 560px; /* Smaller size for tablets */ | |||
} | |||
} | |||
@media only screen and (max-width: 480px) { | |||
.youtube-responsive { | |||
max-width: 320px; /* Even smaller for phones */ | |||
} | } | ||
} | } | ||