Ачык торлор

Тор системасы ачык жана жашырын торлорду колдонууну камтыйт. Келгиле, бул түшүнүктөрдү деталдуураак карап чыгалы.

Ачык тор тилкелер жана катарлар боюнча жайгаштырылган элементтердин жыйындысын түзөт. Көбүнчө ачык тор кол менен түзүлөт жана биз сиз менен мурунку сабактарда түзгөн бардык торлор ачык болуп саналат (мисалы, тордо плиткалар сабагы).

Келгиле, биздин ачык торубуз боло турган таблица түзөлү:

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