ექსპლიციტური ღრიდები

ღრიდების სისტემა გულისხმობს ექსპლიციტური და იმპლიციტური ბადეების გამოყენებას. მოდით, ამ ცნებებს უფრო დეტალურად განვიხილოთ.

ექსპლიციტური ღრიდი წარმოადგენს ელემენტების ერთობლიობას, განლაგებულს სვეტებად და რიგებად. ხშირად ექსპლიციტური ბადე იქმნება ხელით და ყველა ღრიდი, რომელიც ჩვენ თქვენთან ერთად შევქმენით წინა გაკვეთილებზე, არის ექსპლიციტური (მაგალითად, გაკვეთილი ფილები ღრიდში).

მოდით შევქმნათ ცხრილი, რომელიც იქნება ჩვენი ექსპლიციტური ღრიდი:

<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;
}