ফ্লেক্স ব্লকগুলির সিএসএস-তে কম্প্রেশনে এলিমেন্টগুলির লোভের প্রভাব
আসুন এখন লোভের প্রভাব দেখি।
সব চাইল্ডের প্রস্থ সরিয়ে ফেলি এবং তাদের
চাইল্ডদের flex-grow-কে 1-এ সেট করি,
এবং দ্বিতীয় চাইল্ডটিকে - 3-এ সেট করি।
ফলস্বরূপ, দ্বিতীয় ব্লকটি হবে
বাকি ব্লকগুলোর চেয়ে 3 গুণ বড়।
যাইহোক, যদি উইন্ডোটিকে যথেষ্ট শক্ত করে সংকুচিত করা হয়,
তাহলে দ্বিতীয় ব্লকটি আর বাকিগুলোর চেয়ে 3 গুণ বড় হবে না
- জোরালো কম্প্রেশনে পার্থক্যটি
মিলিয়ে যায়। নীচের উদাহরণটি নিয়ে খেলতে খেলতে এটি নিজেই যাচাই করুন,
ব্রাউজারের উইন্ডো প্রসারিত ও সংকুচিত করে:
তাত্ত্বিক অংশ থেকে উদাহরণটি অনুসরণ করে পুনরাবৃত্তি করুন।