CSS GRID, FLEX, MEDIA QUERIES, JAVASCRIPT DOM MANIPULATION

Community feedback

• 

  victoriaodemakin•125

  @victoriaodemakinPosted over 3 years ago

  Nice one. please i need help on how you achieved the mobile nav menu design

  0

  ---

  

  chisommuorah•325

  @chysomm62Posted over 3 years ago

  @victoriaodemakin I used position fixed for the nav ul on mobile view, then added a z-index greater than 0, then gave some margin on top and by the sides so it doesn't block other elements. For the speech pointer-like triangle, I used ::after pseudo element to position it just on top of the ul and by the right too. Not sure these are the best practices though.

  0

  

  victoriaodemakin•125

  @victoriaodemakinPosted over 3 years ago

  @chysomm62 Thank you, I tried using position fixed but was unable to add margin to both sides. I think it's because i gave a top:0; left:0; I'll go through your code on github. Thank you again.

  0

  

  chisommuorah•325

  @chysomm62Posted over 3 years ago

  @victoriaodemakin okay you're welcome

  0