Киргиз тилиндеги CSS торлору

Тор системасында өзүңүз түзгөн торго жаңы ички киргизилген тор кошуу мүмкүнчүлүгү бар. Ички киргизилген торлор сайттын блокторунун ичинде кичинекей элементтерди жайгаштырууда кеңири колдонулат. Бул мүмкүнчүлүктөн пайдалануу үчүн, өзүңүздүн бала элементиңизде display касиетин grid мааниси менен коюу керек.

Мисал үчүн, тордун бир уячасында дагы бир тор түзөлү:

<div id="parent">
	<div id="elem1">1</div>
	<div id="elem2">2</div>
	<div id="elem3">3</div>
	<div id="elem4">
		<div>5</div>
		<div>6</div>
		<div>7</div>
		<div>8</div>
	</div>
</div>

#parent {
	display: grid;
	grid-template: 1fr 1fr / 1fr 1fr;
	grid-gap: 5px;
	border: 2px solid #696989;
	padding: 10px;
	width: 600px;
	height: 200px;
}
#parent > div {
	padding: 10px;
	border: 1px solid #696989;
}
#elem4 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 5px;
	border: 2px solid #696989;
}
#elem4 > div {
	grid-gap: 5px;
	padding: 6px;
	box-sizing: border-box;
	border: 1px solid #696989;
}

Сизде үч тилкеден турган, беш элементтен турган тор болсун. Экинчи элементтин ичинде ички киргизилген тор түзүңүз, анда өз кезегинде үч бала элемент болсун.

Мурунку тапшырманы өзгөртүңүз, ички киргизилген тордо беш бала элемент болсун.

Биринчи жана үчүнчү элементтердин ичинде үч бала элементтен турган ички киргизилген торлорду түзүңүз.