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):
Thanks for pointing out my mistake! I had put grid-area-columns: so it wasn’t working