using flexbox, media query

Great job Esraa! 🙌

I could suggest you wrap your content in a "container" div to keep everything tidy. Also, pay attention to the small details, your background is different, you're missing the shadows, and the spacing between the cards is not consistent. Noticing these details will become easier and easier as you code, so don't worry, you're on the right path! For reference, you can research the "Masonry Grid" layout and its responsiveness. It'll give you an idea on how to refactor your solution and make it "top shelf".

This is awesome Esraa! Keep up the great work!