ရှင်းလင်းသော Grid များ

Grid system သည် ရှင်းလင်းသော နှင့် မရှင်းလင်းသော ဇယားကွက်များ အသုံးပြုမှုကို ဆိုလိုသည်။ ဤအယူအဆများကို အသေးစိတ် လေ့လာကြည့်ရအောင်။

ရှင်းလင်းသော Grid သည် ကော်လံများနှင့် အတန်းများတစ်လျှောက် နေရာချထားသော အစုအဝေးတစ်ခုဖြစ်သည်။ မကြာခဏဆိုသလို ရှင်းလင်းသော ဇယားကွက်ကို လက်ဖြင့်ဖန်တီးပြီး ယခင်သင်ခန်းစာများတွင် ကျွန်ုပ်တို့ဖန်တီးခဲ့သည့် Grid အားလုံးသည် ရှင်းလင်းသောပုံစံများ ဖြစ်ကြသည် (ဥပမာ၊ သင်ခန်းစာ ကျောက်ပြားများကို Grid ထဲသို့)။

ကျွန်ုပ်တို့၏ ရှင်းလင်းသော Grid ဖြစ်မည့် ဇယားတစ်ခုကို ဖန်တီးကြည့်ရအောင်။

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