From e7bed53dad0b6e0ab62c7f1bcbe176f8eeef8ca4 Mon Sep 17 00:00:00 2001
From: abrunner <abrunner@newrelic.com>
Date: Tue, 16 Nov 2021 13:51:31 -0600
Subject: [PATCH] fix: responsiveness for tiles on smaller screens

---
 src/experiments/super_tiles/index.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/experiments/super_tiles/index.js b/src/experiments/super_tiles/index.js
index 312359641..36f0a5d82 100644
--- a/src/experiments/super_tiles/index.js
+++ b/src/experiments/super_tiles/index.js
@@ -13,11 +13,14 @@ const SuperTilesExperiment = ({ isMobile }) => {
     return (
       <div
         css={css`
-          display: flex;
-          flex-direction: row;
-          justify-content: space-between;
+          display: grid;
           margin-bottom: 16px;
           gap: 16px;
+          grid-template-columns: repeat(2, 1fr);
+
+          @media (max-width: 1180px) {
+            grid-template-columns: repeat(1, 1fr);
+          }
         `}
       >
         <GuidedInstallTile />