Nuxt Image module with tailwindcss about image HOT 1 CLOSED

@adhamfarrag Sorry for the late response. You are using nuxt-image inside a flex display and you need to specify width using tailwind class helpers of vanilla CSS.

To clarify why:
The component does not use width/height prop to specify the size of the element, these props only used for calculating the aspect ratio of the image and preserve the aspect ratio of the element.
By default, the component width will match the parent element but inside the flex layout you need to specify element width yourself and the component will take care of height. (the height automatically calculate and set using the aspect ratio of the image).

from image.