Global
Confirmed 136,615,916 +619,919 new today Deaths 2,948,856 +7,705 new today Recovered 109,841,859 Active: 23,825,201 Last updated: April 12, 2021 - 6:41 am (+05:30)
Home Coding divide ul list in responsive custom column using css

divide ul list in responsive custom column using css

by Admin

 

CSS Text

ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}

@media (min-width: 768px){
ul{
columns: 2; -webkit-columns: 2; -moz-columns: 2;
}}

CSS using Grid

ul {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2px;
}

Related Articles

Leave a Comment

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Decline