Responsive web page with CSS grid and Flexbox

What are you most proud of, and what would you do differently next time?

Using CSS Grid to layout the card container and place each card in its designated grid area.

What challenges did you encounter, and how did you overcome them?

When laying out the four cards inside a grid container, I struggled with positioning them because they weren't on the same row. But I finally solved it by setting up four rows in the grid and placing the first and last cards in the middle of the vertical space.

What specific areas of your project would you like help with?

To stack the four cards in a single column for the responsive design, I switched from CSS Grid to Flexbox. But I’d like to know how to achieve the same layout using only CSS Grid. I tried exploring it, but I couldn’t figure it out.