/hello/: Make company logos larger in responsive situations.

The logos would get really small around 1000px wide, so this reduces
the number of columns and makes the logos around 50% larger
horizontally.
This commit is contained in:
Brock Whittaker
2017-08-30 14:33:01 -07:00
committed by Tim Abbott
parent 841ab828e8
commit 6ac0e75005

View File

@@ -1390,7 +1390,7 @@ nav ul li.active::after {
margin: 10px 20px;
height: 60px;
width: calc(20% - 44px);
width: calc(25% - 44px);
background-color: hsl(0, 0%, 66%);
background-size: contain;
@@ -2649,6 +2649,10 @@ nav ul li.active::after {
.portico-landing.hello .apps .left-side .content {
margin: 0px auto 50px;
}
.portico-landing.hello .testimonials .company-box .company {
width: calc(33% - 44px);
}
}
@media (max-width: 1024px) {
@@ -2779,6 +2783,10 @@ nav ul li.active::after {
.portico-landing.hello .testimonials .company-container {
width: 100%;
}
.portico-landing.hello .testimonials .company-box .company {
width: calc(25% - 44px);
}
}
@media (max-width: 906px) {