Post

Tip of the week from @michaelthiessen.bsky.social 💡 By using NuxtImg in our Nuxt apps, it’s easy to create responsive images that adapt to different screen sizes. This is achieved using the `sizes` attribute, which works similarly to TailwindCSS breakpoints. 👇

5/5/25, 2:34 pm1 repost5 likes

Mastering Nuxt

@masteringnuxt.com

5 May 2025

In the example, we've defined four different sizes for the image: •On small screens (sm), the image will be 600px wide •On medium screens (md), it will be 800px wide •On large screens (lg), it will be 1600px wide •On extra-large screens (xl), it will use the full 6000px width