Skip to content
Submitted over 4 years ago

Intro component with Html, Css,first try using Sass

Elizabeth•460
@gelizabeth
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Project tracking intro component
  • HTML
  • CSS
  • JS
2junior

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
    @adarshcodesPosted over 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.

    1
    Elizabeth•460
    @gelizabethPosted over 4 years ago

    @adarshcodes Thank you!

    0
  • MSultan9•700
    @MSultan9Posted over 4 years ago

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

    1
    Elizabeth•460
    @gelizabethPosted over 4 years ago

    Thanks!

    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