HTML5/CSS सूची-वस्तुओं को अन्य स्तंभों पर परस्पर ऊंचाई के आधार पर संरेखित करता है

फ्लेक्स की मदद से लिस्ट-आइटम को अलाइन करें। फ्लेक्स सामग्री के अनुसार कॉलम को लचीला बना देगा। रैपर एक पंक्ति में कॉलम लेआउट करेगा।

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

फ्लेक्स मूल रूप से एक ऐसा गुण है जो तत्व को लचीला बनाने में मदद करता है।

सूचियों को नीचे से लंबवत रूप से संरेखित रखने के लिए निम्न का उपयोग करें -

.col .content {
   margin-top: auto;
}