Γεννήτρια προτύπων CSS Grid

Δημιουργήστε μια δήλωση CSS Grid με ίσες στήλες, αυτόματες σειρές και ένα κενό.

Γραφικά Χωρίς αποθήκευση δεδομένων

Σύντομος οδηγός

Δοκιμάστε ένα παράδειγμα

Εισαγάγετε

Στήλες
3
Γραμμές
2
Γκαπ (px)
16

Θα λάβετε

display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: repeat(2, auto);
gap: 16px;
Πώς λειτουργεί και τα όρια

Επιλέξτε μέχρι τις στήλες και τις σειρές 24. Επικόλληση του αποτελέσματος στον κανόνα CSS για το δοχείο καννάβου σας.