Css tutorials

Community feedback

• 

  Christopher Schubert•30

  @C-Schubert94Posted about 2 years ago

  The solution looks pretty good! The contact needs to be a button not just a link (which is an easy fix). For the hamburger menu the way I went about it was I took the links and button and put them in their own container and made them flex-direction: column; so they'd be under the logo and the hamburger menu. Now the CSS for the container needs to be display: none; in the media query so it initially doesn't show them. After that, using JS you'll create a class that will toggle on and off for the container so it will display. What I mean by that is you'll have a class (let's say .open) that the JS will add to the HTML and that class changes the display to display: flex; so the menu shows and goes away when you click the hamburger. I hope this helps!

  0

  ---

  

  Ohida Elizabeth•320

  @LizzietrustPosted about 2 years ago

  @C-Schubert94 Ok thank you, I’ll readjust

  0

  

  Ohida Elizabeth•320

  @LizzietrustPosted about 2 years ago

  @C-Schubert94 Ok thank you, I’ll readjust

  0