CSS updates.

This commit is contained in:
Mike Cao 2023-10-02 23:51:26 -07:00
parent 9bb89c7e8b
commit e4c5f42189
22 changed files with 227 additions and 395 deletions

View file

@ -1,18 +1,11 @@
.bar {
display: flex;
flex-direction: row;
cursor: pointer;
min-height: 110px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, max-content));
gap: 20px;
flex-wrap: wrap;
}
.card {
justify-self: flex-start;
}
@media only screen and (max-width: 992px) {
.card {
flex-basis: calc(50% - 20px);
@media screen and (max-width: 768px) {
.bar {
grid-template-columns: 1fr 1fr;
}
}