Submitted about 4 years ago

Intro component with Html, Css,first try using Sass

Elizabeth• 460

@gelizabeth

Preview site View code

This is a solution for...

Project tracking intro component

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

*I've tried to make navbar to be transparent and not to push down body content in mobile version and found solution using fixed-top in bootstrap. It works, but now if scroll down in mobile it's fixed so logo and hamburger overflow content and it looks bad. Is there some way to fix it without using javascript?

Community feedback

Adarsh Pratap• 5,515

@adarshcodes

Posted about 4 years ago

Hey! @gelizabeth, Your work looks nice👍. Try the position of nav to absolute, as also suggested by the @MSultan9. I had tried in the Chrome dev tool and it works fine. Also, try to solve HTML-Issue.

Elizabeth• 460

@gelizabeth

Posted about 4 years ago

@adarshcodes Thank you!

MSultan9• 700

@MSultan9

Posted about 4 years ago

Replacing fixed-top with "position-absolute" should do the trick

Elizabeth• 460

@gelizabeth

Posted about 4 years ago

Thanks!

Please log in to post a comment

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