@AmanoLX
Posted
Great solution on how to set the images based on the screen size. Didn't think of that myself!
Just one tiny thing: I never use tailwind.css but seems to me that the card div has a max width of 600 px while the rendering of the image is set to a width bigger than 640px. Shouldn't that be the same sizes?
@manishsinghraj
Posted
@AmanoLX
Thanks,
The card has a max width of 600px to match the design (independent of the image width).
However, the mobile img switches to the desktop img at 640px, considering the overall view (i.e., the background and window) and not just card width. This value is taken directly from the Tailwind documentation, where sm: >= 640px is specified. That's why I chose this value. :)
@AmanoLX
Posted
@manishsinghraj got it ;) Great work!