changed styles.css
width: 100%;
opacity: 0.8;
text-align: center;
- padding-top: 20%;
+ padding-top: 10%;
}
.picAligned {
@@ -110,7 +110,7 @@ select::-ms-expand {
}
.metricBlock {
- padding-top: 20px;
+ padding-top: 10px;
padding-bottom: 4px;
background-color: #e5e9ec;
}
@@ -120,13 +120,13 @@ select::-ms-expand {
}
.metricBlock h2 {
- margin-bottom: 3.25rem;
+ margin-bottom: 1rem;
text-align: center;
}
.metricBlock .singleMetric {
padding: 3px;
- margin-bottom: 5.625rem;
+ margin-bottom: 2rem;
border: none;
display: inline-block;
vertical-align: top;
@@ -152,14 +152,14 @@ select::-ms-expand {
}
.customContainer {
- padding-top: 6.375rem;
+ padding-top: 1rem;
background-color: #e5e9ec;
text-align: center;
}
.customContainer .singleObject {
display: inline-block;
- max-width: 13rem;
+ max-width: 5rem;
}
@media (min-width: 768px) {
