প্যারেন্টের শতকরা প্রস্থ CSS-এ ফ্লেক্স ব্লকগুলির সংকোচনে প্রভাব
ধরুন এখন আমাদের কাছে পাঁচটি ফ্লেক্স এলিমেন্ট আছে,
একটি সারিতে সাজানো। এবার প্যারেন্টের প্রস্থ
শতকরা হিসাবে নির্ধারণ করি, এবং এখন সব চাইল্ড
এলিমেন্টের প্রস্থ 100px করে সেট করি।
নীচের উদাহরণটি খুলুন এবং ব্রাউজার উইন্ডোটি
এতটা ছোট করুন যাতে এলিমেন্টগুলি প্যারেন্টের মধ্যে
আর fits না। এর জন্য উইন্ডোটি 500px-এর
চেয়ে কম করতে হবে, কারণ আমাদের এখানে 5
টি এলিমেন্ট আছে প্রতিটি 100px করে। আপনি
ইতিমধ্যেই জানেন, এইরকম সংকোচনের সময় ব্রাউজার
জোর করে এলিমেন্টগুলির প্রস্থ 100px-এর
থেকে কমিয়ে দেবে যাতে সেগুলি প্যারেন্টের মধ্যে fits
হয়ে যায়। তাহলে, এখানে উদাহরণটি দেওয়া হল:
তাত্ত্বিক অংশ থেকে উদাহরণটি অনুসরণ করে পুনরাবৃত্তি করুন।
