From 62a1513b9504d4b5eea1aa7d06ebb12f5f9e937f Mon Sep 17 00:00:00 2001 From: Florian Dieminger Date: Thu, 26 Oct 2023 17:11:15 +0200 Subject: [PATCH] fix gap --- client/src/ui/organisms/placement/index.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/client/src/ui/organisms/placement/index.scss b/client/src/ui/organisms/placement/index.scss index 65e97c921f5c..32efcf7897ea 100644 --- 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"