Grid Layout

Quiz na temat pozycjonowania elementów za pomocą grid.

Kurs CSS Grid Layout (dodatek)
1.

Czym różni się Grid od Flexboxa?

2.

Co oznacza właściwość: grid-template-columns: 100px 200px auto;

3.

Co oznacza jednostka fr w CSS Grid?

4.

Co zrobi zapis: grid-template-columns: repeat(3, 1fr);

5.

Która właściwość ustawia odstęp między wierszami i kolumnami w gridzie?

6.

Jaką rolę pełni właściwość grid-area w zapisie: .item1 { grid-area: 1 / 1 / 2 / 3; }

7.

Która właściwość wyrównuje pojedynczy element w poziomie w gridzie?

8.

Co robi zapis: grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

9.

Jaką rolę pełnią właściwości justify-content i align-content w gridzie?