Make PieChart wrapper responsive
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
680c599fe2
commit
e113fa03e0
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue