From 9499693baa34b3cd8544100d03696f0b04e49332 Mon Sep 17 00:00:00 2001 From: Kris Date: Wed, 1 Aug 2018 22:37:21 -0400 Subject: [PATCH] Layout works better with auto columns --- app/assets/stylesheets/common/base/topic-post.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss index 1f94f4be1aa..57172419259 100644 --- a/app/assets/stylesheets/common/base/topic-post.scss +++ b/app/assets/stylesheets/common/base/topic-post.scss @@ -336,16 +336,16 @@ aside.quote { @supports (display: grid) { // Overrides flex fallback above display: grid; - grid-template-columns: repeat(4, 1fr); + grid-template-columns: repeat(4, auto); @include breakpoint(tablet, min-width) { - grid-template-columns: repeat(5, 1fr); + grid-template-columns: repeat(5, auto); } @include breakpoint(mobile) { - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(2, auto); font-size: $font-down-1; } @include breakpoint(mobile-small) { - grid-template-columns: repeat(1, 1fr); + grid-template-columns: repeat(1, auto); } }