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

@bbenbboy

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


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-007

Posted

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

@bbenbboy

Posted

@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

@rajkp10

Posted

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