Sami Määttä on Nostr: heitän vielä lusikan soppaan. Kokeileppa: img { max-width: 100%; display: block; } ...

heitän vielä lusikan soppaan. Kokeileppa:

img {
max-width: 100%;
display: block;
}

Max-width tarkoittaa, että kuva laajenee maksimissaan containerinsa leveiseksi.

Display: block; muuttaa kuvan block-elementiksi, mikä tuossa tapauksessasi pitäisi olla ok.

Tämä on napattu Andy Bellin 'Modern CSS reset' -kirjoituksesta: https://andy-bell.co.uk/a-modern-css-reset/. (Linkkasin vanhemman, koska tässä hän kommentoi jotenkin tätä tyylittelyä, ei kuitenkaan kovin kummoisesti.)

Täytyy myöntää, että kuvat tuottavat eniten päävaivaa. 😅

[@MerriNet](https://mastodon.social/@MerriNet)