The CSS on my blog is still broken on small screens which I have yet to work out why, doesn’t scale to fit so has stuff off screen and nothing has changed. Rather annoying.
The CSS on my blog is still broken on small screens which I have yet to work out why, doesn’t scale to fit so has stuff off screen and nothing has changed. Rather annoying.
@adamprocter Try:
iframe,
img {
max-width: 100% !important;
height: auto !important;
}
iframe {
aspect-ratio: auto 16/9;
}
@kjz This will fix the odd image resizing you have and resize your embeds for narrow screens. You have an odd aspect ratio on one the Finistére embed, which might still be problematic for you? Video embeds should work fine with that aspect ratio.
@kjz Or, perhaps even better:
iframe, img { max-width: 100% !important; height: auto !important;} iframe { aspect-ratio: auto 16/9;} iframe[width][height] {aspect-ratio: attr(width) / attr(height);}
@adamprocter fwiw that looks OK to me, if slightly off-centre on mobile.
Also, thanks for Ali Al-Hamadi – great player and an #ITFC fan favourite already 😁
@kjz 🤣 he is great. Ok your CSS file worked for my “home” page still hand way to much sideways scroll on mobile on blog don’t understand why that has occurred.