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