fix: responsiveness for tiles on smaller screens

newrelic · Nov 16, 2021 · e7bed53 · e7bed53
1 parent 7cdc4d1
commit e7bed53
Showing 1 changed file with 6 additions and 3 deletions.
diff --git 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 />