Skip to content
Submitted over 2 years ago

css flexbox,media queries/javascript

blameleo•20
@blameleo
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

how do i get the body of the page to get darker when i click the side bar? please feel free to advice on best pratices.

Community feedback

  • Clement Idemudo•90
    @Clemcy9Posted over 2 years ago

    giving css property of "opacity:0.5" to the parent container of the whole page will do. just remember to reverse this property on your side nav by doing "opacity:1" on nav container

    1
  • DanielK•440
    @DanK1368Posted over 2 years ago

    Hello,

    You can use another div as the parent element of your current navbar, and give it a position absolute. Give it a width and height of 100% to cover the whole viewport.

    1

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