Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
32 replies
curiousmissfox

Grid help

https://codepen.io/Miss-Fox/pen/wvbpdRd
relevant styles in ' @layer help'

So i run into this issue fairly often but not always.... I am declaring my columns as the size i want them to be 30ch 3em 55ch respectively. but the min function isdoing its thing saying which is smaller 100% or 30ch. which leads me to wonder, why is my grid exactly the size of the childrens implicit content as a default? i thought it was the flex on the body but even if i take that off , its still the implicit size.

How to i make my columns the size i want them to be until they start running out of room? if i give my parent grid .wrap a width of 100%, then the children use the max 1fr and grow to fill the screen.
Was this page helpful?