Skip to content
Submitted over 3 years ago

HTML, CSS, FLEXBOX AND GRID

Millz•530
@Brezus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

how do i get the design to be smaller i tried adding padding on the body but when i do that makes a vertical scroll bar i thought padding made things smaller not larger i even tried adding box-sizing border box hoping it would help but it didnt. ..ps A lovevly user called Agata helped me figure out the problem :)

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted over 3 years ago

    Hi Millz, the height of your grid container (.gridcont) is set to min 100vh - so it stretches to fill up the viewport. Just get rid of that or move it to the body element instead :)

    0
    Millz•530
    @BrezusPosted over 3 years ago

    @AgataLiberska oh my gosh lol i didnt even remember i did that!! Thank you a million!!!!!!!!!

    0
    Agata Liberska•3,995
    @AgataLiberskaPosted over 3 years ago

    @Brezus no worries, it's a hard to spot a detail in your own code after you've been staring at it for a long time! :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord