adamprocter
adamprocter

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.

|
Embed
Progress spinner
kjz
kjz

@adamprocter Try:

iframe,
img {
    max-width: 100% !important;
    height: auto !important;
}
iframe {
    aspect-ratio: auto 16/9;
}
|
Embed
Progress spinner
kjz
kjz

@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.

|
Embed
Progress spinner
In reply to
kjz
kjz

@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);}
|
Embed
Progress spinner
adamprocter
adamprocter

@kjz didnt seem to help and the issue seems to be online on the home page

|
Embed
Progress spinner
adamprocter
adamprocter

@kjz I wonder if it has something to do with the new Blog roll thing

|
Embed
Progress spinner
kjz
kjz

@adamprocter sorry, looking at your adamprocter.co.uk site, not micro.blog!

|
Embed
Progress spinner
adamprocter
adamprocter

@kjz ha oh sorry yes it’s discursive.adamprocter.co.uk that’s driving me mad

|
Embed
Progress spinner
adamprocter
adamprocter

@kjz but I shall also use your fix on my static page for sure!

|
Embed
Progress spinner
kjz
kjz

@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 😁

|
Embed
Progress spinner
adamprocter
adamprocter

@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.

|
Embed
Progress spinner