Product preview card component solution

Hi Eric, well done completing your first challenge! Great job in figuring out how to use the picture element, and I also like that you're using responsive width and height properties. On that note, I see that you got a min-height: 100vh; you can actually use that to center your component so that it stays in the center by adding this:

body {
   min-height: 100vh;
   display: grid;
   place-content: center;
}

Great work, and hope to see more projects here!

looks like im not the only one that struggle to make it the exact size 😅. looks good bro. i actually used flex instead of grid, but maybe i'll give grid a go? :)