CSS Grid Level 3 / Masonry (ईंट-जोड़) लेआउट का पहला Draft जारी

• CSS वर्किंग ग्रुप ने CSS Grid Layout Module Level 3, जिसे CSS ईंट-जोड़ लेआउट (Masonry Layout) भी कहा जाता है, का पहला सार्वजनिक वर्किंग ड्राफ्ट जारी किया
• यह ड्राफ्ट CSS की built-in सुविधा के रूप में ईंट-जोड़ लेआउट को दो संभावित syntax रूपों—grid-integrated syntax और grid-independent syntax—में पेश करता है
• उम्मीद है कि इस ड्राफ्ट के प्रकाशन से दोनों syntax रूपों के सापेक्ष लाभों पर चर्चा को बढ़ावा मिलेगा

CSS वर्किंग ग्रुप के निर्णय

• CSS वर्किंग ग्रुप ने इस लेआउट मॉडल के लिए पूर्ण mixed track sizing अपनाने का निर्णय लिया
• इसका मतलब है कि CSS grid layout में व्यक्त की जा सकने वाली सभी संभावित track सूचियाँ ईंट-जोड़ लेआउट में भी अनुमत होंगी
• यह दोनों प्रस्तावों के मूल लेआउट मॉडल को एकीकृत करता है, इसलिए दोनों syntax रूप मूलतः ईंट-जोड़ लेआउट के लिए समान क्षमता दर्शाते हैं (हालाँकि initial values के अंतर से जुड़े कुछ अनसुलझे मुद्दे अभी भी हैं)
• mixed track sizing से जुड़े performance मुद्दों को हल करने के लिए, यह ड्राफ्ट लेआउट मॉडल में कुछ विशेष performance optimizations की रूपरेखा देता है और subgrid आदि के लिए कुछ सरल heuristic नियम अपनाता है

[xguru]

Masonry Layout को MDN में अच्छी तरह समझाया गया है.
https://developer.mozilla.org/en-US/docs/…

WebKit टीम ने भी अप्रैल में इस बारे में मदद का अनुरोध करते हुए एक पोस्ट लिखी थी.
CSS Grid Level 3, यानी "Masonry" लेआउट बनाने के लिए मदद का अनुरोध
इस लेख में Masonry लेआउट के बारे में उदाहरण-आधारित व्याख्यात्मक चित्र शामिल हैं, इसलिए उन्हें भी देखें.