Design comparison
Solution retrospective
I found it difficult to design the toggle menu for mobile devices even though I came out with something, it didn't work as expected. You can see the code to the script tag before the closing body tag and the css part is within the media query.
I don't know if that's because I use Bootstrap for my design that's why I couldn't align items properly or there was some other reasons.
I'm willing to get your recommendations, tips and advices to perfect my design.
Community feedback
- @AdrianoEscarabotePosted almost 2 years ago
Hi Dytoma Batogouma, how are you? Welcome to the front-end mentor community! I really liked the result of your project, but I have some tips that I think you will enjoy:
If we see how the layout is behaving at higher resolutions, with the help of google dev tools, we will see that it is stretching a lot, to solve this we can use a max-width with the value we want the content to stop growing and to center use a margin: 0 auto;
body { max-width: 1440px; margin: 0 auto; }Avoid using
<hr>and useborder-bottominstead!The rest is great!
I hope it helps... 👍
Marked as helpful0@DytomaPosted almost 2 years ago@AdrianoEscarabote Alright, thank you very much, I'll apply that. I really appreciate your feedback and feel free to look in the files and give me more tips.
1
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