CSS Grid Layout

1. CSS Grid Layout

W3C Candidate Recommendation, 09 May 2017
Алексей Бородин
front-end разработчик / Спортмастер

2.

2

3.

3

4.

4

5.

5

6.

6

7.

7

8.

8

9.

9

10.

10

11.

11

12.

12

13.

13

14.

CSS Grid Layout
Module Level 1
14

15.

15

16.

@supports
16

17.

@supports
not
and
or
17

18.

@supports (display: grid) {
.container {
display: grid;
}
}
18

19.

Flex
vs.
Grid
19

20.

CSS Grid Layout
Основные термины
20

21.

grid lines
21

22.

grid tracks
22

23.

grid cell
23

24.

grid area
24

25.

От слов к делу...
25

26.

Спасибо за внимание!
26