mobile styling

This commit is contained in:
Mashy 2019-11-21 14:03:59 +10:00
parent ef9ef0b604
commit 1735087321
4 changed files with 4 additions and 4 deletions

View File

@ -15,7 +15,7 @@
@media (max-width: 800px) {
.instance {
font-size: 6pt;
font-size: 5.5pt;
grid-template-columns: 1fr;
grid-template-rows: min-content 1fr;
grid-template-areas:

View File

@ -125,7 +125,7 @@ button, input {
font-family: 'Jura';
color: whitesmoke;
height: auto;
border-width: 2px;
border-width: 0.1em;
border-color: @gray-exists;
letter-spacing: 0.25em;
box-sizing: border-box;

View File

@ -115,6 +115,7 @@
}
aside {
font-size: 75%;
button {
margin-bottom: 0.5em;
}

View File

@ -1,10 +1,9 @@
.vbox {
align-content: space-between;
grid-area: vbox;
display: grid;
grid-template-rows: 9.5em 2.5em 4.5em min-content;
grid-template-columns: 7em 21em;
grid-template-columns: 8em 24em;
grid-template-areas:
"shop-hdr shop"
"stash-hdr shop"