Skip to content
Submitted almost 2 years ago

Intro Section with Dropdown Navigation

Ratchapon Ngamdan•180
@bbenbboy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro section with dropdown navigation
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I need help and feedback because when I worked with the project on a live server the design was accurate with the template but after deployment, it was not the same.

And also have a problem with the image using CSS background so I can change the image after resizing the media but it is not 100% accurate.

p.s. I gave up on a mobile hamburger. 😂

Community feedback

  • Talha Khalid•200
    @talha-007Posted almost 2 years ago

    You have done an amazing job. For the image use img tag in a div and then you can change the size without any issues.

    1
    Ratchapon Ngamdan•180
    @bbenbboyPosted almost 2 years ago

    @talha-007 Thank you for your feedback, Talha. I've tried it but the image was different after resizing that's why I used a CSS background image rather than img tag.

    0
  • Raj Patel•370
    @rajkp10Posted almost 2 years ago

    Hello @bbenbboy, I hope you are doing well.

    I can give you following suggestions :

    -Try to use rem instead of px wherever you can.

    -Set height:100vh and width:100vw of your main wrapper class.

    -And talking about the background image, try to use background-size:contain, background-repeat:no-repeat, background-position:center.

    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