From ebda66f32dcf47dc87d37c7157d360920e2a38da Mon Sep 17 00:00:00 2001 From: Daniel Vinci Date: Fri, 30 Apr 2021 11:57:34 -0600 Subject: [PATCH] flip grid in talkingpointcontainer when device is a phone --- src/components/TalkingPointContainer.svelte | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/src/components/TalkingPointContainer.svelte b/src/components/TalkingPointContainer.svelte index 03d5ecb..b809667 100644 --- a/src/components/TalkingPointContainer.svelte +++ b/src/components/TalkingPointContainer.svelte @@ -9,4 +9,13 @@ grid-template-columns: 30% auto; grid-template-rows: auto; } + + @media only screen + and (max-device-width: 900px) + and (orientation: portrait) { + .talkingPointContainer { + grid-template-columns: auto; + grid-template-rows: 115px auto; + } + }