Εκφρασμένα Πλέγματα

Το σύστημα πλέγματος συνεπάγεται τη χρήση εκφρασμένων και σιωπηρών πλεγμάτων. Ας εξετάσουμε αυτές τις έννοιες πιο αναλυτικά.

Εκφρασμένο πλέγμα αναφέρεται σε ένα σύνολο στοιχείων που τοποθετούνται σε στήλες και σειρές. Συχνά, ένα εκφρασμένο πλέγμα δημιουργείται χειροκίνητα και όλα τα πλέγματα που δημιουργήσαμε μαζί στα προηγούμενα μαθήματα είναι εκφρασμένα (για παράδειγμα, το μάθημα πλακάκια σε πλέγμα).

Ας δημιουργήσουμε έναν πίνακα, ο οποίος θα είναι το εκφρασμένο πλέγμα μας:

<div id="parent">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
</div>

#parent {
	display: grid;
	grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
	border: 2px solid #696989;
	padding: 10px;
	width: 400px;
	height: 400px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}