Css Flexbox

1. you are currently missing your border radius on your layout
2. you currently have cards wrapping into two rows when the browser windows is about 1140px wide. So you need to work on your transitions point between desktop and mobile

👋Hi Emad Jaber! My name is Vanza!

I have some feedbacks to help you improve this solution:

• The background-color should be very light gray, since that's how it is on the design.
• The content should be on the center of the page, to achieve that you can try this:

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

• flex-wrap: wrap on .container cause an issue when only 2 cards that can fit on a row, try to fix that by adding more media queries.

That's it! Hopefully this is helpful!