Skip to content
OverviewSolutions
1
Comments
1
Adjmali Kwitonda
@Thechampion96

All comments

  • jeantiston•170
    @jeantistonSubmitted over 4 years ago

    I'm fairly new to turning mockups to html/css. Also, quite new to flexboxes. So a lot of things felt like hit and miss.

    Is there a simpler way I could have done this? Do I really need to use so much divs to make everything in their proper places?

    What's the best practice on how the CSS is arranged? Is there a best practice besides putting the important ones below? (Since it's cascading)

    I was trying to make it responsive without using a media query (since flexboxes are, well, flexible) but I can't seem to do it because the navigation box is not the same width as the main box (On the desktop site). Is there a way to do so?

    Any constructive feedback would be really appreciated!

    Responsive Webpage using CSS Flexboxes

    2
    Adjmali Kwitonda•25
    @Thechampion96Posted over 4 years ago

    Lol, Your questions are right on points, I wish someone will share how they solve problems you mentioned above.

    The bottom background photo should cover the full width, to fix it add this inside your body tag background-size: 100% 50%;

    Well done!!

    1