Mobile-first approach using SCSS, BEM and simple hamburger menu
Design comparison
Solution retrospective
I will probably make some fixes to the project, but I decided to push it to the review. So far, the most tricky part was to handle menu. I've tried to work on the same nav elements on every device, however I was struggling with its appearance. I decided to make two independent elements, but I know that it may not be the best solution in the bigger projects. This part has potential to be improved.
Same with the sidebar menu, I've made it, however I don't like the behavior that on reload, we can see the transforming (translateX) element. It should be hidden from the beginning.
Community feedback
- @vianaV19Posted over 1 year ago
Hello Patryck, Nice to meet you,
I've seeing your solution and I noticed that the last list of elements are overflowing the page width. You can create a class called container defining the width and set it up in each webpage section.
This is my solution in the case you want to see and do a constructive criticism. Thank you!.
Github news-homepage solution: https://github.com/vianaV19/news-homepage Link to solution website: https://news-homepage-murex.vercel.app/
Greetings!, Have a nice day!.
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord