อิทธิพลของความกว้างที่ต่างกันของลูก ต่อการหดตัวของบล็อค flex ใน CSS
ตอนนี้ให้เราตั้งค่าความกว้างให้กับลูกทุกตัวเป็น
100px และให้กับลูกตัวที่สอง - มากกว่าหนึ่งเท่าครึ่ง
นั่นคือ 150px ในกรณีเช่นนี้
เมื่อลดขนาดหน้าต่างเบราว์เซอร์ องค์ประกอบทั้งหมด
จะลดขนาดลงจนต่ำกว่าความกว้างที่กำหนดไว้
อย่างไรก็ตาม สัดส่วนจะยังคงอยู่ - องค์ประกอบที่สอง
จะมีขนาดใหญ่กว่าองค์ประกอบอื่น ๆ 1.5 เท่า
และเพียงแค่เมื่อบีบหน้าต่างให้แคบลงมาก ๆ
จนแทบไม่มีพื้นที่เหลือเลย ความแตกต่าง
ขององค์ประกอบที่สองจากองค์ประกอบอื่น ๆ จึงจะหายไป:
ทำตามตัวอย่างจากส่วนทฤษฎี
