flex-box; media-query

Hi Mohammed.

Get used to putting quotes around URLs (they are strings) For me it is not a good idea how to structure the CSS, try to learn a methodology, like BEM Learn BEM.

For me "BEM" makes everything easier, based on your files if you change the order of the tags in the HTML you can have a real disaster

This: main { height: 100vh; }

It is put more than once in different media queries, the idea of the media query is if the dimension changes change a property, it does not make sense that you always put it with the same pairs of properties and values with once is enough if it is not modified .

This is a very personal point of view but try to do it "Mobile First" then move on to larger devices, I repeat that it is something personal, for me it is easier to start with something small and make it big than to start big and not be able to shrink

Note: you can enter my profile and see how I did this challenge

Remember, Practices makes perfect !