fix gap

mdn · Oct 26, 2023 · 62a1513 · 62a1513
1 parent d356e3b
commit 62a1513
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/client/src/ui/organisms/placement/index.scss b/client/src/ui/organisms/placement/index.scss
@@ -239,7 +239,7 @@ div.empty-place {
 
   > section.place.bottom-banner {
     display: grid;
-    gap: 3rem;
+    column-gap: 3rem;
     grid-template-areas:
       "nope pong note"
       "nope pong no";
@@ -272,6 +272,14 @@ div.empty-place {
       margin-top: auto;
     }
 
+    @media screen and (max-width: $screen-xl) {
+      grid-template-areas:
+        "pong note"
+        "pong no";
+      grid-template-columns: auto max-content;
+      grid-template-rows: auto 2rem;
+    }
+
     @media screen and (max-width: $screen-lg) {
       grid-template-areas:
         "pong pong"