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;
|
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 {
|
.graphContainer {
|
||||||
padding: 0 calc(70rem / 16);
|
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