Grid on CSS

I don’t understand how does it work with CSS? Grid-Columns start, end and row start, end??

Grid-area: 2 / 4 / 1 / 2

It works by arranging the contents inside the container according to how your specify.

Column start, means it places them beginning from the top left end of the container and then outwards, placing them as if you’re aligning regular columns items.

Column end, means it places them beginning from the top right side of the container and then leftwards, placing them as if you’re aligning regular columns items.

Same is applicable for row start and row end but this time, you should remember or consider the arrangement of regular row items.

Yeah, but I mean what’s up with the number, do you see the below?

When you ask a question, try to include the link to the lesson or exercise you’re referring to. That way, people can refer to it, to be able to get the context of the question, to better provide a more suitable answer for you. Okay?

Are you referring to these numbers?

The first number is the same as grid-row-start

The second number is grid-column-start

The third number is grid-row-end

The fourth is grid-column-end

1 Like

Ahh gotcha! Thank you for clearing up… I understand now…

1 Like