# Excercises about NavBar

**URL:** <https://forum.codewithmosh.com/t/excercises-about-navbar/6872>\
**Category:** HTML/CSS\
**Created:** [August 18, 2021, 1:29pm UTC](https://forum.codewithmosh.com/t/excercises-about-navbar/6872 "2021-08-18T13:29:33Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![radna](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@radna](https://forum.codewithmosh.com/u/radna)\
**Post date:** [August 18, 2021, 1:29pm UTC](https://forum.codewithmosh.com/t/excercises-about-navbar/6872/1 "2021-08-18T13:29:33Z")

</div>

I wanna know how to solve this

 ![image](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/e/e651ad83eb4abb9e1147a1f36f9658839c40c494.png)

---

<div class="post-metadata">

**Author:** ![Ruu](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/ruu/32/9008_2.png) [@Ruu](https://forum.codewithmosh.com/u/Ruu)\
**Post date:** [August 18, 2021, 2:40pm UTC](https://forum.codewithmosh.com/t/excercises-about-navbar/6872/2 "2021-08-18T14:40:37Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![radna](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@radna](https://forum.codewithmosh.com/u/radna)\
**Post date:** [August 20, 2021, 6:34am UTC](https://forum.codewithmosh.com/t/excercises-about-navbar/6872/3 "2021-08-20T06:34:57Z")

</div>

Thankyou i manage to build it with your help

---

<div class="post-metadata">

**Author:** ![mar](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@mar](https://forum.codewithmosh.com/u/mar)\
**Post date:** [August 21, 2021, 12:54pm UTC](https://forum.codewithmosh.com/t/excercises-about-navbar/6872/4 "2021-08-21T12:54:53Z")

</div>

please help – collapsible error please see screenshot below

 ![error menu](https://us1.discourse-cdn.com/flex020/uploads/codewithmosh/original/2X/0/07f24983f3f1b6143fe771268176f567c904d00b.png)

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