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/LYKEBMx4 Replies
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.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?Correct, if you added 100 children they would a row of 100 columns
Alright cool, I understand now, thanks