Podczas gdy Flexbox układa elementy w linii, CSS Grid pozwala dzielić stronę na wiersze i kolumny jednocześnie. Stworzymy galerię zdjęć, która wygląda idealnie równo bez zbędnego liczenia pikseli, używając jednostki fr.
Kluczowe zagadnienia:
- Kontener Grid (
display: grid). - Definiowanie kolumn (
grid-template-columns). - Jednostka ułamkowa
fr.
Sprawdź wiedzę (Pytania do filmu):
- Jaka właściwość włącza siatkę?
- Jaka właściwość definiuje kolumny?
- Co to za jednostka
fr? - Jaką właściwością zrobiliśmy odstępy?
- Czy Grid jest 1D czy 2D?