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.


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.