grid-auto-columns function

Hey, i'm struggling to understand the in depth way grid-auto-columns (or rows) functions. Is there any reason as to why these aren't displaying next to eachother? Or does it have to have another property in order to work? I always thought this would automatically place them next to eachother but i've never gotten round to properly using this so i might have misunderstood. I'd appreciate some insight, thanks in advance. https://codepen.io/deerCabin/pen/LYKEBMx
4 Replies
clevermissfox
clevermissfox6mo ago
yes you're missing grid-auto-flow: column which automatically makes columns from all its children. then grid-auto-columns sets the size of them.
snxxwyy
snxxwyyOP6mo ago
Ah okay I see, thank you. So the minmax doesn’t allow the content to wrap since the grid-auto-flow is column I assume?
clevermissfox
clevermissfox6mo ago
Correct, if you added 100 children they would a row of 100 columns
snxxwyy
snxxwyyOP6mo ago
Alright cool, I understand now, thanks
Want results from more Discord servers?
Add your server