Exploring the world of Css Grid, I'm delving into creating a unique layout with the grid-template Property:
main{
width: 1444px;
height: 70vh;
display: grid;
grid-template:
'cas cas cast'
'cas cas cast'
'ras rast rastt';
}
My goal is to have the element "cas" occupy two fractions of the space while "cast" only takes one. However, when adding content to "cast," the column expands excessively, which poses a challenge. I am aware that I can set a fixed width using template-columns, but how can I maintain control over widths using the grid-template property in this scenario? Appreciate any guidance. Thanks!