Q: How do I make a responsive image? — Nakshora 1.0

How do I make a responsive image? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I make a responsive image?*

Answer#

Give the slot a fixed height and let object-cover crop the image into it. undefined

html

<img class="w-full h-64 object-cover rounded-xl" src="photo.jpg" alt="" />

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.