কম্পিউটার টিউটোরিয়াল

CSS Grid Layout (গ্রিড লেয়াউট)

ওয়েব পেজ ডিজাইন করতে গ্রিড লেয়াউট মডিউল ব্যবহার করা যায়, অর্থাৎ সারি (Rows) এবং কলাম (Columns) সম্বদ্ধ একটি গ্রিড।

Grid Layout-এর مكون:

  • Grid Elements (প্যারেন্ট ও চাইল্ড)
  • Rows (হরিজেন্টাল লাইন)
  • Columns (লম্বাবত লাইন)
  • Gaps (গ্যাপ)

Grid Layout-এ প্যারেন্ট এবং চাইল্ড এলিমেন্ট থাকে। সারিগুলো গ্রিড আইটেমের হরিজেন্টাল লাইন, কলামগুলো লম্বাবত লাইন।

  1. CSS দিয়ে ৩-কলাম লে আউট গ্রিড (3-Column Layout Grid) তৈরি করা

  2. CSS দিয়ে ২-কলাম লে আউট গ্রিড (2-Column Layout Grid) তৈরি করা

  3. CSS দিয়ে মিক্সড কলাম লে আউট গ্রিড (Mixed Column Layout Grid) তৈরি করা

  4. CSS দিয়ে ৪-কলাম লেআউট গ্রিড (4-Column Layout Grid) তৈরি করা