What challenges did you encounter, and how did you overcome them?
Hi Front-End Mentor Community! I'm Eric, and this is my solution for this challenge!
Built with:
HTML
Vanilla CSS
Vanilla Javascript
Json
This is the first challenge from Frontend Mentor that I have redone.
I revised the project by adjusting the HTML and CSS, and adding JavaScript with JSON.
I am open to any suggestions on how I can improve this project. Feel free to leave me a comment!
What are you most proud of, and what would you do differently next time?
I am so proud of myself, because I failed several times in somethings, but finally I did it 💪🏼
And I did a cool thing for the first time:
::selection{ color: #fff; background-color: hsl(35, 77%, 62%); }
What challenges did you encounter, and how did you overcome them?
The big challenge for me was making navigation with CSS, I kept trying for hours and finally I learned how to do this, and, now I can do it in 5 minutes :)
What specific areas of your project would you like help with?
Visit my site🤩and view my code🤩
Your feedback and your advice are very important for me😊
My recommendation would be:
That the header on mobile devices can follow the user's scroll in order to use the menu anywhere on the page, and that when opening the menu, it can also follow the scroll, since it currently remains in the same place. You could solve this by using position: sticky and top: 0; on the header tag to maintain its visual relationship according to its box model. I tried to implement it on your page and it seems to conflict with:
html { overflow-x: hidden; }
Removing that property allows both the header and the navbar to follow the user's scroll. It would only be necessary to adjust the box model of the header and the background-color a bit.
