Images that stretch or squish when the screen size changes is a common layout problem. In the
Responsive Image Cards
challenge, you will fix image cards so the thumbnails stay proportional at any viewport width.
Create a card layout with image thumbnails. Use CSS properties like
object-fit: cover
and
aspect-ratio
so the images crop and scale correctly without warping, whether on mobile or desktop.
