From 78ffdcc1a54cf76a61c66e30b6b0b71dc6a56f59 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Sat, 28 Jan 2023 19:02:12 -0800 Subject: [PATCH] More phone and tablet fixes This isn't perfect, but good enough for now --- components/PartyDetails/index.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss index de728ecf..5a84b90e 100644 --- a/components/PartyDetails/index.scss +++ b/components/PartyDetails/index.scss @@ -350,10 +350,17 @@ display: flex; flex-direction: column; gap: $unit-2x; - width: 752px; + margin: 0 auto; + width: 720px; @include breakpoint(tablet) { gap: $unit; + max-width: 720px; + margin: 0 auto; + } + + @include breakpoint(phone) { + max-width: inherit; width: 100%; } @@ -373,6 +380,8 @@ @include breakpoint(tablet) { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); + max-width: inherit; + width: 100%; } @include breakpoint(phone) {