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 Dropdown Navigation

CWu 270

@cwu90

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

Community feedback

@ExploryKod

Posted

Hi Cwu, I love what you have done with the image on tablet size where through background-position:center the image is cropped and it is better I think on tablet. I have myself difficulties with positioning the image for every breakpoints: the image will "float" in its container and as a result cannot be properly aligned with the left part: there are too independant from each other, the same problem happen here and in my own design I am trying to fix. I'll tel you if I find the solution and I think I will try to use grid instead of flexbox to solve it.

Have a happy coding !

Marked as helpful

0

CWu 270

@cwu90

Posted

@ExploryKod Nice to know I'm not the only one having trouble with the positioning of the image! Thanks for keeping me updated and for the comment too :)

Happy coding to you too.

1

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