From 6739fb6ec0c45d7500c57c2d12f93a424dc01c88 Mon Sep 17 00:00:00 2001 From: Deimos Date: Sat, 15 Jun 2019 12:30:57 -0600 Subject: [PATCH] Set specific width for sidebar column in CSS grid Having this set to "auto" may be contributing to the layout shift while the page is loading, since it doesn't know the size until the content is loaded. --- tildes/scss/_layout.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tildes/scss/_layout.scss b/tildes/scss/_layout.scss index c5edbac..b6cdbe8 100644 --- a/tildes/scss/_layout.scss +++ b/tildes/scss/_layout.scss @@ -6,7 +6,7 @@ body { display: grid; grid-template-rows: auto 1fr auto; - grid-template-columns: 1fr minmax(auto, $main-max-width) auto 1fr; + grid-template-columns: 1fr minmax(auto, $main-max-width) $sidebar-width 1fr; grid-template-areas: ". header header ." ". main sidebar ."