Switch to grid so the items lay out next to each other.

This commit is contained in:
rebuilt 2023-03-14 14:15:47 -07:00
parent 9b45b88a79
commit aeb619b84e
3 changed files with 24 additions and 23 deletions

View file

@ -1,8 +1,15 @@
.grid-container {
display: grid;
}
.grid-container-400 {
grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
}
.grid-container-200 {
grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
}
.grid-item {
padding: 20px;
grid-auto-flow: column;
@ -50,7 +57,3 @@
@extend .col-lg-7;
@extend .col-xl-5;
}
.grid-container {
display: grid;
}