@barguide/style-guide
Version:
BarGuide.io | CSS Style Guide
47 lines (39 loc) • 654 B
CSS
.ui-grid {
display: grid;
flex-wrap: wrap;
grid-template-columns: 1fr;
justify-content: space-between;
}
.ui-grid-item {
width: 100%;
}
@screen sm {
.ui-grid {
grid-template-columns: 1fr 1fr;
}
}
@screen lg {
.ui-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@screen xl {
.ui-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@screen 2xl {
.ui-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 2000px) {
.ui-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media (min-width: 2500px) {
.ui-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}