স্পষ্ট গ্রিড

গ্রিড সিস্টেমে স্পষ্ট এবং অস্পষ্ট নেটওয়ার্কের ব্যবহার জড়িত। আসুন আমরা এই ধারণাগুলি আরও বিশদে বুঝতে পারি।

স্পষ্ট গ্রিড হল কলাম এবং সারি বরাবর স্থাপন করা উপাদানগুলির একটি সংগ্রহ। প্রায়শই স্পষ্ট নেটওয়ার্ক হাতে তৈরি করা হয় এবং আমরা আপনার সাথে আগের পাঠগুলিতে তৈরি করা সমস্ত গ্রিড স্পষ্ট (উদাহরণস্বরূপ, পাঠ গ্রিডে টাইলস)।

আসুন একটি টেবিল তৈরি করি, যা আমাদের স্পষ্ট গ্রিড হবে:

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