Semantic HTML5 markup / CSS Style - Flexbox

Hi Ahmed Farouk 👋

Great job on your solution!

In this challenge, there is a subtle shadow behind the card.

I suggest using the box-shadow property to apply that shadow.

You only need to add this code:

#card {
  box-shadow: 0 15px 15px 5px rgba(0, 0, 0, 0.1);
}

I also recommend you to check out the MDN Web Docs about the box-shadow: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Well done for the rest.

Not sure if this is "semantic" or not, but overall it was awesome. I love that the HTML is super clean and well organized without any clutter. The CSS is very readable and shows a simple solution that works. It's hard to judge the dimension from a jpg, but you seem pretty close.

Well done !