Flex box property

Can anyone help me out with : grid- column and grid -row properties?
I try to understand but can get it .

What do you find confusing of these properties?

(grid-column: 1 / 3;)

what does this mean?
I have looked over MDN website but can’t get it .

Don’t think I can give you any specific help but this little game helped me with Flexbox A LOT.

Nicolas

that doesn’t look like flexbox, it looks like grid, you can read a guide about that here: A Complete Guide to CSS Grid | CSS-Tricks - CSS-Tricks

They are shorthand properties for

grid-column-start / grid-column-end

grid-row-start / grid-row-end

You use them to specify what grid line the grid item should start/end and how many tracks it should span.

(grid-column: 1 / 3;)

This means that grid item begin at first column and end at third column within the grid container.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.