Module Six (মডিউল ৬)

ফ্লেক্সবক্স পরিচিত (Intro to Flexbox)

এই মডিউলে ফ্লেক্সবক্স সম্পর্কে জানলাম, যা সি.এস.এস-৩ এর নতুন একটি বিষয়। এটি কিছুটা কমপ্লেক্স হলেও অনেক কাজকে সহজ করে দিয়েছে।

ফ্লেক্সবক্সের তিনটা মূল প্রপারটিস ঃ

১। justify-content: আনুভূমিকভাবে, ফ্লেক্স আইটেম এর এলাইনমেন্ট নিয়ে কাজ করে। এর উল্লেখযোগ্য ভ্যাল্যুগুলো হলঃ center, flex-start, flex-end, space-around, space-between...etc.

২। align-items: উলম্বভাবে, ফ্লেক্স আইটেম এর এলাইনমেন্ট নিয়ে কাজ করে। এর উল্লেখযোগ্য ভ্যাল্যুগুলো হলঃ center, flex-start, flex-end, stretch, baseline...etc.

৩। align-content: ফ্লেক্স লাইনের এলাইনমেন্ট নিয়ে কাজ করে। এর উল্লেখযোগ্য ভ্যাল্যুগুলো হলঃ center, flex-start, flex-end, space-around, space-between, stretch...etc.