Make slightly responsive
This commit is contained in:
parent
4b3a0bec4a
commit
9d740b7dcf
1 changed files with 9 additions and 3 deletions
12
css/main.css
12
css/main.css
|
|
@ -7,6 +7,12 @@ canvas,
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
html {
|
||||||
|
font-size: 0.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
border: 0;
|
border: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
@ -42,12 +48,12 @@ button {
|
||||||
.box,
|
.box,
|
||||||
button {
|
button {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
border-radius: 4vmin;
|
border-radius: 32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
min-width: 400px;
|
min-width: 250px;
|
||||||
padding: 4vmin;
|
padding: 2rem;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue