] ग्रिड जैसी संरचना को बनाए रखते हुए इन वस्तुओं के बीच स्थान जोड़ने के लिए, मार्जिन लागू किया जा सकता है। हालाँकि, अंतराल में 1% मार्जिन के परिणाम को लागू करना बहुत बड़ा हो सकता है। यह फ्लेक्स-बेस को 22%पर सेट करता है, यह सुनिश्चित करता है कि प्रति पंक्ति केवल चार आइटम हैं। फ्लेक्स-ग्रो मान 1 पर सेट किया गया है, जिससे आइटम बढ़ने और मार्जिन द्वारा छोड़े गए शेष स्थान को भरने की अनुमति देते हैं। यह वस्तुओं के बीच एक सूक्ष्म 1px अंतर बनाता है।

#foto-container { प्रदर्शन: फ्लेक्स; फ्लेक्स-रैप: रैप; जस्टिफाई-कंटेंट: स्पेस-अराउंड; मार्जिन: 10px; } .foto { फ्लेक्स: 1 0 22%; न्यूनतम-ऊंचाई: 50px; मार्जिन: 1px; पृष्ठभूमि-रंग: लाल; }