From 6ac0e7500544d58e18e88c88ee2d51ff26179e10 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Wed, 30 Aug 2017 14:33:01 -0700
Subject: [PATCH] /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.
---
 static/styles/landing-page.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/static/styles/landing-page.css b/static/styles/landing-page.css
index 7da360c823..899c490e02 100644
--- a/static/styles/landing-page.css
+++ b/static/styles/landing-page.css
@@ -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) {