Flexbox layout เสียสัดส่วนเมื่อลดขนาดลง

เพื่อหลีกเลี่ยงปัญหา Flexbox layout ให้เพิ่ม:

* {
  flex-shrink: 0;
  min-width: 0;
  min-height: 0;
}

ที่นี่:

flex-shrink: 1 - Flex items อนุญาตให้หดตัว

min-width: 0 - flex items หดตัวเกินเนื้อหาได้