لإضافة مساحة بين هذه العناصر مع الحفاظ على بنية تشبه الشبكة ، يمكن تطبيق الهوامش. ومع ذلك ، فإن تطبيق هامش 1 ٪ ينتج عنه فجوات قد تكون كبيرة جدًا.

لتحقيق هامش 1px ، استخدم القيمة المرنة "1 0 22 ٪". هذا يحدد BASIS Flex إلى 22 ٪ ، مما يضمن وجود أربعة عناصر فقط لكل صف. يتم ضبط قيمة النمو المرن على 1 ، مما يسمح للعناصر بالنمو وملء المساحة المتبقية التي تركتها الهوامش. هذا يخلق فجوة 1px خفية بين العناصر.

#foto-container { العرض: فليكس. Flex-Wrap: Wrap ؛ تبرير المحتوى: الفضاء. الهامش: 10px ؛ } .foto { Flex: 1 0 22 ٪ ؛ MINIight: 50px ؛ الهامش: 1px ؛ لون الخلفية: أحمر. }