CSS grid's columns size is not changing no matter what value i put

In first row I have three columns (Contents, image, intro), I wanna adjust their sizes but no matter what size value i put in grid-area-columns: size is not changing. Please help so i could continue working on my first project, Thanks!

Project link: https://codepen.io/scndev/pen/xxVgjXg?editors=1100

It won’t, as it isn’t a CSS property, I think you mean grid-template-columns.

I would keep a reference handy, the grid syntax takes a while to learn (I’ve used it for several years and some of the syntax still won’t stick in my head for whatever reason, I always have to have a reference with examples):

1 Like

Thanks for pointing out my mistake! I had put grid-area-columns: so it wasn’t working

1 Like