Design comparison
Solution retrospective
Hello everyone,
I'm thrilled to share my solution for the [Project Name] challenge from Frontend Mentor! 🎉 After spending couple of hours working on this project, I'm excited to showcase my coding skills and seek feedback from the community.
Technologies Used: HTML, CSS, JavaScript
I would greatly appreciate any feedback, suggestions, or constructive criticism on my solution. Whether it's regarding code structure, design choices, or overall functionality, your insights will be immensely valuable in helping me improve as a developer.
Conclusion: Thank you for taking the time to review my solution for the [Intro-section-with-dropdown-navigation] challenge. I'm excited to continue refining my skills and tackling new challenges in the world of frontend development. Your feedback and support mean a lot to me as I strive to grow as a developer.
Feel free to explore my solution and share your thoughts in the comments below. Let's keep coding and learning together!
Happy coding! 🚀✨
Best regards, [Ahmed Hamdy]
Community feedback
- @jakegodsallPosted 9 months ago
Hi 👋
Great work on this page. It looks great 😁
I'd suggest adding a
max-width
and centring on the main container of the page because on wide viewports the<header>
component looks very spread out.With this challenge its not too much of a problem because the content of the page is really all centred but it can become a bit of a problem when the entire content of the page is spread across thousands of pixels. I tend to use a
max-width: 1600px
or something around that size.A nice addition if you're looking to expand the project would to be to add expand/collapse animations for the dropdown menus in the mobile menu. An example of what I mean can be seen in the following codepen.
Hope this helps 😁
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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