Submitted almost 3 years ago

HTML, CSS, FLEXBOX AND GRID

Millz• 530

@Brezus

Preview site View code

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

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• 4,015

@AgataLiberska

Posted almost 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 :)

Millz• 530

@Brezus

Posted almost 3 years ago

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

Agata Liberska• 4,015

@AgataLiberska

Posted almost 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! :)

Please log in to post a comment

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