Flexbox के साथ अलाइनमेंट
Flex की मदद से लिस्ट-आइटम को अलाइन करें। Flex कंटेंट के अनुसार कॉलम्स को फ्लेक्सिबल बनाएगा। रैपर कॉलम्स को एक पंक्ति में लेआउट करेगा।
.wrap {
display: flex;
} // यह रैपर को फ्लेक्सिबल बनाने में मदद करेगा
.wrap .col {
flex: 1 0 33%;
}
Flex मूल रूप से एक प्रॉपर्टी है जो एलिमेंट को फ्लेक्सिबल बनाने में मदद करती है।
लिस्ट को नीचे से वर्टिकली अलाइन रखने के लिए
.col .content {
margin-top: auto;
}
यह तकनीक फ्लेक्स कंटेनर में ऑटो मार्जिन का उपयोग करके कंटेंट को नीचे की ओर धकेलती है।
