www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Make PieChart wrapper responsive
continuous-integration/drone/push Build is passing Details

This commit is contained in:
e26chiu 2022-11-09 20:45:27 -05:00
parent 680c599fe2
commit e113fa03e0
1 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
pages/samplePage.module.css
View File

@ -4,26 +4,24 @@
justify-content: center;
}
.header {
display: flex;
flex-direction: column;
justify-content: center;
padding: calc(40rem / 16) 0;
gap: calc(20rem / 16);
}
.title {
color: var(--primary-accent-light);
font-size: calc(70rem / 16);
margin: calc(40rem / 16) auto;
}
.subTitle {
color: var(--primary-accent-ligher);
font-size: calc(26rem / 16);
margin: auto;
}
.graphContainer {
padding: 0 calc(70rem / 16);
}
@media screen and (max-width: 1200px) {
.graphContainer {
padding: 0 calc(40rem / 16);
}
}
@media screen and (max-width: 1100px) {
.graphContainer {
padding: 0 calc(20rem / 16);
}
}
@media screen and (max-width: 900px) {
.graphContainer {
padding: 0;
}
}