Назад

Creating your grid in CSS

Defining a grid

One
Two
Three
Four
Five
Six
Seven

Flexible grids with the fr unit

One
Two
Three
Four
Five
Six
Seven

Gaps between tracks

One
Two
Three
Four
Five
Six
Seven

Repeating track listings

One
Two
Three
Four
Five
Six
Seven

Implicit and explicit grids

One
Two
Three
Four
Five
Six
Seven

The minmax() function

One
Two
Three
Four
More content
Five
Six
Seven

As many columns as will fit

One
Two
Three
Four
More content
Five
Six
Seven

Line-based placement

Header

Main

Main content…

Header

Main

Main content…

Positioning with grid-template-areas

Header

Main

Main content…

Nesting grids and subgrid

Header

Article one

Content…

Article two

Content…

Article three

Content…