DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Looking good

Browse Source
This commit is contained in:
HW Computer
2023-04-29 16:24:30 -05:00
parent 8d7d01f0de
commit dd15854ae7
1 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
main.css
View File

@@ -37,36 +37,38 @@ footer {
} }
* { * {
box-sizing: border-box box-sizing: border-box;
} }
.wrapper { .wrapper {
display: grid; display: grid;
gap: 2vw; gap: 2vw;
grid-auto-rows: minmax(100px, auto); grid-auto-rows: minmax(100px, auto);
text-align: center;
color: #fff;
/* background-color: rgba(0, 0, 0, .4); */
} }
.about-text { .about-text {
background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .4);
color: #fff;
border: 3px solid #f1f1f1; border: 3px solid #f1f1f1;
text-align: center;
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
width: 70%;
margin: 0 auto;
border-radius: 10px; border-radius: 10px;
} }
.bg-form { .bg-form {
background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .4);
color: #fff;
border: 3px solid #f1f1f1; border: 3px solid #f1f1f1;
text-align: center;
grid-column: 1; grid-column: 1;
grid-row: 2; grid-row: 2;
border-radius: 10px;
font-weight: 600; font-weight: 600;
width: 70%;
margin: 0 auto;
border-radius: 10px;
} }
.chart-container { .chart-container {
@@ -75,3 +77,34 @@ footer {
height: 80vh; height: 80vh;
width: 80vw; width: 80vw;
} }
/* Mobile */
.bg-form {
padding: 14px;
}
.about-text {
padding: 14px;
}
/* Tablet */
@media (min-width:600px) {
.bg-form {
padding: 20px;
}
.about-text {
padding: 14px;
}
}
/* Desktop */
@media (min-width:900px) {
.bg-form {
padding: 24px;
}
.about-text {
padding: 14px;
}
}