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
Was this page helpful?