Γεννήτρια CSS Grid

Αναφορά

Τι είναι το CSS Grid;

Το CSS Grid Layout είναι ένα δισδιάστατο σύστημα διάταξης που σας επιτρέπει να δημιουργείτε πολύπλοκες διατάξεις βασισμένες σε πλέγμα. Σε αντίθεση με το Flexbox που είναι μονοδιάστατο, το Grid μπορεί να χειριστεί ταυτόχρονα στήλες και σειρές, καθιστώντας το ιδανικό για διατάξεις σελίδων.

Πρότυπα Grid

Τα grid-template-columns και grid-template-rows ορίζουν τα μεγέθη των tracks για στήλες και σειρές grid. Χρησιμοποιήστε 1fr για ίσα κλάσματα, auto για μέγεθος βασισμένο στο περιεχόμενο, ή σταθερές τιμές όπως 200px. Η συνάρτηση repeat() απλοποιεί τα επαναλαμβανόμενα μοτίβα.

Απόρρητο

Όλη η δημιουργία grid εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.