From 04de25cf14616f9b237cf810dd113aa7af20abdf Mon Sep 17 00:00:00 2001
From: Connor Chan <connorjosephchan@gmail.com>
Date: Mon, 16 Sep 2019 18:04:23 -0700
Subject: [PATCH] Remove new provider icons for the time being

---
 css/index.scss | 18 ++++++++++++++++++
 index.html     | 29 ++++-------------------------
 2 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/css/index.scss b/css/index.scss
index e36b2828..302bfc92 100644
--- a/css/index.scss
+++ b/css/index.scss
@@ -113,6 +113,24 @@
     margin-bottom: 50px;
   }
 
+  img {
+    vertical-align: middle;
+    margin-right: 70px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    @media (max-width: $sm-width) {
+      margin: 40px auto 0;
+      display: block;
+
+      &:last-child {
+        margin: 20px auto;
+      }
+    }
+  }
+
   .provider-wrap {
     min-height: 65px;
     position: relative;
diff --git a/index.html b/index.html
index 2d2fe0dd..c467a446 100644
--- a/index.html
+++ b/index.html
@@ -83,31 +83,10 @@ stylesheet: index
       Mix and match services from cloud providers and on-prem. Additional
       support for other cloud providers coming soon.
     </p>
-    <div class="images grid-center">
-      <div class="col-2_md-12 provider-wrap">
-        <img src="{{ "/images/aws.svg" | relative_url }}" alt="aws" class="provider-image" />
-      </div>
-      <div class="col-2_md-12 provider-wrap">
-        <img src="{{ "/images/google-cloud.svg" | relative_url }}" alt="google cloud" class="provider-image" />
-      </div>
-      <div class="col-2_md-12 provider-wrap">
-        <img src="{{ "/images/microsoft-azure.svg" | relative_url }}" alt="azure" class="provider-image" />
-      </div>
-      <div class="col-2_md-12 provider-wrap">
-        <img src="{{ "/images/digital-ocean.svg" | relative_url }}" alt="digital ocean" class="provider-image" />
-        <div class="coming-soon">
-          <img src="{{ "/images/tri-red-small.svg" | relative_url }}" />
-          <span class="caption">Coming Soon</span>
-        </div>
-      </div>
-      <div class="col-2_md-12 provider-wrap">
-        <img src="{{ "/images/alibaba-cloud.svg" | relative_url }}" alt="alibaba cloud" class="provider-image" />
-        <div class="coming-soon">
-          <img src="{{ "/images/tri-red-small.svg" | relative_url }}" />
-          <span class="caption">Coming Soon</span>
-        </div>
-      </div>
-    </div>
+    <p>
+      <img src="{{ "/images/google-cloud.svg" | relative_url }}" /> <img src="{{ "/images/aws.svg" | relative_url }}" />
+      <img src="{{ "/images/microsoft-azure.svg" | relative_url }}" />
+    </p>
   </div>
 </div>