Excercises about NavBar

HTML/CSS
1

I wanna know how to solve this

image
image562×686 24.9 KB

2

Watch the flex lectures or download the solution directly below it.
It’s basically a flex-box with a sans font-family and a media query to change flex direction, justify content to flex-end, and maybe change some margins.

1 Like
3

Thankyou i manage to build it with your help

4

please help – collapsible error please see screenshot below

error menu
error menu1405×362 9.08 KB

  • showing collapsed menu from mobile screen to desktop screen
  • already added the max-height and opacity
    .nav__list {
    width: auto;
    display: flex;
    justify-content: space-between;
    background: white;
    max-height: 100%;
    opacity: 1;
    }