It's a great challenge that depends mainly on flexbox, grid and nav js

hey 😄mohamed haithem, congratulations on completing the challenge... here are a few tips to make your site better.

1.On the mobile: when I open the website and scroll down, the mobile-menu is also getting scrolled down...Make postion:fixed property to the mobile-menu so that the user cannot scroll down the menu.

2.Using the picture element for responsively switching between Images is considered as best practice

<picture>
  <source media="(min-width: 650px)" srcset="img_food.jpg">
  <source media="(min-width: 465px)" srcset="img_car.jpg">
  <img src="img_girl.jpg">
</picture>

more about picture element here📚

Everything else looks great!! hope that helps, happy coding💯🔥👍🏻