CSS Grid -asettelugeneraattori

Luo CSS-ruuduston ilmoitus, jossa on samat sarakkeet, automaattiset rivit ja aukko.

Grafiikka Tietoja ei tallenneta

Pikaopas

Kokeile esimerkkiä

Syötät

Sarakkeet
3
Rivit
2
Gap (px)
16

Saat

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Miten se toimii ja rajat

Valitse jopa 24-sarakeisiin ja -riveihin. Liitä tulos CSS-sääntöön ruudukkokontillesi.