exquisitecorp
/
gobi
1
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update main.css

This commit is contained in:
lee2sman 2021-02-28 22:28:24 -05:00
parent 3ddd6eef5f
commit c2d78ead6d
1 changed files with 50 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
assets/css/main.css
View File

@ -2,7 +2,8 @@
font-family: roman;
src: url(../fonts/RomanAntique.ttf);
}
html, body {
html,
body {
margin: 0;
padding: 0;
background-color: #d0c8b1;
@ -34,24 +35,22 @@ body {
}
#buttons {
height: 50%;
border: 2px dotted;
display: flex;
flex-direction: column;
justify-content: space-around;
height: 50%;
border: 2px dotted;
display: flex;
flex-direction: column;
justify-content: space-around;
/* height: 90vh; */
}
.actions {
height: 5vh;
border: dashed;
padding: 1vmin;
background-color: #d0c8b1;
height: 5vh;
border: dashed;
padding: 1vmin;
background-color: #d0c8b1;
}
#console {
height: 50%;
border: 2px dotted;
height: 50%;
border: 2px dotted;
}
p {
padding: 1vmin;
@ -59,29 +58,42 @@ p {
}
@media only screen and (max-width: 1068px) {
body {
margin-left: 2vmin;
margin-right: 2vmin;
padding: 0;
justify-content: flex-start;
}
.container {
flex-direction: column;
}
#photo {
margin: 2vmin;
width: 90vw;
height: 60vh;
}
#ui {
width: 90vw;
margin: 2vmin;
}
body {
margin-left: 2vmin;
margin-right: 2vmin;
padding: 0;
justify-content: flex-start;
}
.container {
flex-direction: column;
}
#photo {
margin: 2vmin;
width: 90vw;
height: 60vh;
}
#ui {
width: 90vw;
margin: 2vmin;
}
#buttons {
flex-direction: row;
justify-content: space-evenly;
align-items: center;
height: 10vh;
}
#buttons {
flex-direction: row;
justify-content: space-evenly;
align-items: center;
width: 90vw;
height: 10vh;
}
}
@media only screen and (max-width: 600px) {
#ui {
width: 95vw;
margin: 0;
}
#buttons {
width: 93vw;
font-size: 1rem;
}
}