हम गैलरी के लिए स्थापित ग्रिड के लिए कुछ जवाबदेही में जोड़ते हैं। चौड़ी स्क्रीन पर, हमने इसे चार कॉलम में सेट किया है। फिर हम अपने सुपर आसान @mixins के माध्यम से ब्रेकपॉइंट में जोड़ना शुरू करते हैं और हम सभी पर फिर से उपयोग कर रहे हैं।
हमारे मामा-भालू ब्रेकपॉइंट पर हम 3 कॉलम तक नीचे जाते हैं, फिर हम मामा-भालू और बच्चे-भालू के बीच एक अंतरिम ब्रेकपॉइंट बनाते हैं, जहां यह 2 कॉलम में टूटता है, फिर अंततः बेबी-भालू पर 1 कॉलम। यह सुपर आसान है, क्योंकि हम सभी को समायोजित करने की आवश्यकता है कि हम CSS3 के माध्यम से कितने कॉलम सेट करें column-count।
हम गैलरी के लिए भविष्य के लक्ष्यों के बारे में बात करते हुए वीडियो को समाप्त करते हैं। अच्छा होगा कि विभिन्न स्क्रीन आकारों पर विभिन्न छवियों को लोड किया जा सके और पूर्ण आकार के चित्रों के बजाय वास्तविक थंबनेल का उपयोग किया जा सके। शायद एक दिन हम वहाँ पहुँचेंगे।
रिकॉर्ड के लिए, सॉफ्टवेयर मैं स्थानीय रूप से स्क्रीनशॉट को कैप्चर करने के लिए उपयोग कर रहा हूं और उन्हें एफ़टीपी के माध्यम से सर्वर पर अपलोड कर रहा हूं।
