Skip to content
OverviewSolutions
2
Comments
2
Christopher Schubert
@C-Schubert94

All comments

  • Ohida Elizabeth•320
    @LizzietrustSubmitted about 2 years ago

    There was no design for the mobile menu so I couldn't do that part, any suggestion on how to go about it please?

    Css tutorials

    1
    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
  • Mark•170
    @Mark-a-obrienSubmitted about 2 years ago

    I couldn't get the background svg image to be the right size. But I think that was because of screen size.

    flexbox

    1
    Christopher Schubert•30
    @C-Schubert94Posted about 2 years ago

    Looks pretty good! For the background I used background-size: contain; (or cover;) to cover the container (in this case the body). Both have their use cases, you'd just have to test both to see which fits better.

    1