Responsive Intro section with dropdown navbar using flexbox

What are you most proud of, and what would you do differently next time?

I'm happy of how i got the drop down and the side button on smaller devices, But i would like to make my websites more responsive for even much smaller devices(phones).

What challenges did you encounter, and how did you overcome them?

I had a really difficult challenge in finding out the reason why my media query wasn't loading for smaller screens, used the whole dat to debug the code just to see it was because of how i used logic in my media query which made it hard for the phone to get it. Not forgetting the fact that it Worked perfectly fine on my developer tools just to load on the my phone after github hosting and it started malfunctioning.

It took a whole lot of time and search online for a possible reason, but that helped me to find a way to look at developer tools of websites from your phone on my laptop directly from the phone. That helped me a lot to pin-point the problem that some media query where not loading .