ফ্লেক্সের সাহায্যে তালিকা-আইটেম সারিবদ্ধ করুন। ফ্লেক্স কলামগুলিকে বিষয়বস্তু অনুযায়ী নমনীয় করে তুলবে। মোড়কটি সারিবদ্ধভাবে কলাম লেআউট করবে।
.wrap{
display : flex
}// This will help wrapper to become flexible
.wrap.col{
flex: 1 0 33%;
} ফ্লেক্স মূলত একটি সম্পত্তি যা উপাদানকে নমনীয় করতে সাহায্য করে।
নিম্নলিখিত ব্যবহার করুন তালিকাগুলিকে নীচে উল্লম্বভাবে সারিবদ্ধ রাখতে -
.col .content {
margin-top: auto;
} 