mirror of
https://github.com/samsonjs/spirit-tracker.git
synced 2026-03-25 09:25:51 +00:00
UX Improvements
This commit is contained in:
parent
8c8bf9dc95
commit
26fbccebc3
1 changed files with 1 additions and 23 deletions
|
|
@ -310,29 +310,7 @@ a.skuLink:hover { text-decoration: underline; cursor: pointer; }
|
|||
gap:8px;
|
||||
flex-wrap:wrap;
|
||||
width:100%;
|
||||
justify-content:flex-start; /* no space-between weirdness */
|
||||
}
|
||||
|
||||
/* 6 per row on desktop */
|
||||
.storeBtn{
|
||||
flex: 0 0 calc(16.666% - 8px);
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 4 per row on smaller screens */
|
||||
@media (max-width: 900px){
|
||||
.storeBtn{ flex-basis: calc(25% - 8px); }
|
||||
}
|
||||
|
||||
/* 3 per row */
|
||||
@media (max-width: 640px){
|
||||
.storeBtn{ flex-basis: calc(33.333% - 8px); }
|
||||
}
|
||||
|
||||
/* 2 per row */
|
||||
@media (max-width: 420px){
|
||||
.storeBtn{ flex-basis: calc(50% - 8px); }
|
||||
justify-content:space-evenly;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue