Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Intro-section-with-dropdown-navigation

@AhmedHamdy146

Desktop design screenshot for the Intro section with dropdown navigation coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

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

P
Jake Godsall 1,390

@jakegodsall

Posted

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 helpful

0

@AhmedHamdy146

Posted

thank you @jakegodsall

0

Please log in to post a comment

Log in with GitHub
Discord logo

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