Make it usable on screens with < 480px width
This commit is contained in:
parent
a6a31ca012
commit
b667206182
1 changed files with 7 additions and 1 deletions
|
|
@ -25,10 +25,16 @@
|
||||||
background: var(--background-color);
|
background: var(--background-color);
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
padding: 40px;
|
padding: 20px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 480px) {
|
||||||
|
body {
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
canvas {
|
canvas {
|
||||||
border: 1px solid var(--primary-color);
|
border: 1px solid var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue