More phone and tablet fixes

This isn't perfect, but good enough for now
This commit is contained in:
Justin Edmund 2023-01-28 19:02:12 -08:00
parent da09a739f6
commit 78ffdcc1a5

View file

@ -350,10 +350,17 @@
display: flex;
flex-direction: column;
gap: $unit-2x;
width: 752px;
margin: 0 auto;
width: 720px;
@include breakpoint(tablet) {
gap: $unit;
max-width: 720px;
margin: 0 auto;
}
@include breakpoint(phone) {
max-width: inherit;
width: 100%;
}
@ -373,6 +380,8 @@
@include breakpoint(tablet) {
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
max-width: inherit;
width: 100%;
}
@include breakpoint(phone) {