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)
Sami Määttä /
npub1g7…d0vuh
2024-03-24 17:02:56
in reply to nevent1q…8gd0
Author Public Key
npub1g77q0ee20lqv05w00k8hjvf3h28p3q9e4nnsj53cy627aszq7hnsmd0vuhPublished at
2024-03-24 17:02:56Event JSON
{
"id": "1ae105b43c5fb81066e3c09b8e85c6a7a89c625b43a4c150a67191c21acf31b0",
"pubkey": "47bc07e72a7fc0c7d1cf7d8f793131ba8e1880b9ace70952382695eec040f5e7",
"created_at": 1711299776,
"kind": 1,
"tags": [
[
"e",
"7dc78ed65b2e532ee7fb250cbe2ab5110be9c6de95f7a59682c35e09b86cfad4",
"",
"root"
],
[
"p",
"f024dcf7465f82816f589f2abcb023015009e8692d5078ed333dce9907af1c63"
],
[
"e",
"3ef55b6914b067b9ef10a34bae0c937fded86f104b8a64d8ada03c9bb8ff316f",
"",
"reply"
],
[
"p",
"203cb993e2c994058de7d0d892be22ca1588e52a4bc37ba52a9f1d94ebd30771"
],
[
"proxy",
"https://mementomori.social/users/SamiMaatta/statuses/112151742130151556",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mementomori.social/users/SamiMaatta/statuses/112151742130151556",
"pink.momostr"
]
],
"content": "heitän vielä lusikan soppaan. Kokeileppa:\n\nimg {\n max-width: 100%;\n display: block;\n}\n\nMax-width tarkoittaa, että kuva laajenee maksimissaan containerinsa leveiseksi.\n\nDisplay: block; muuttaa kuvan block-elementiksi, mikä tuossa tapauksessasi pitäisi olla ok.\n\nTä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.)\n\nTäytyy myöntää, että kuvat tuottavat eniten päävaivaa. 😅\n\n[@MerriNet](https://mastodon.social/@MerriNet)",
"sig": "a9e60ea314a27341ff9ae8aae18e4e7237b66bf9ee0c2a594f8868675d9b1cb7258340ab67854c6291d8c3d0cf2aee51f1d0ecfc4f0ea082bedbf33c50603dd9"
}