Merge branch 'bottom-banner' into next

mdn · Oct 26, 2023 · 0d83b0e · 0d83b0e
2 parents b66f251 + 62a1513
commit 0d83b0e
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/client/src/ui/organisms/placement/index.scss b/client/src/ui/organisms/placement/index.scss
@@ -239,10 +239,11 @@ div.empty-place {
 
   > section.place.bottom-banner {
     display: grid;
+    column-gap: 3rem;
     grid-template-areas:
-      "pong note"
-      "pong no";
-    grid-template-columns: auto minmax(0, 15rem);
+      "nope pong note"
+      "nope pong no";
+    grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr) minmax(0, 15rem);
     margin: 0 auto;
     max-width: var(--max-width);
     padding: 0 1rem;
@@ -271,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"