Was able to use grid for the responsive layout for the cards
What challenges did you encounter, and how did you overcome them?It took me some time to understand how the grid layout works for this specific arrangement of cards.
good
I'm proud of the columns of the card component and how I used width in the flex-items to make them equal size.
I used the <picture> element for the first time.
When I centered the card I found myself with some scrollable overflow. I learned that I could take advantage of the "scroll" and "overflow" badges that are present in the developer tools in order to identify which elements were causing this trouble. At the end it was a combination of a padding on a parent and a height of 100vh on a child. The solutions was using the padding on the child.
good, check that size.
