[bugfix/frogend] replace ch units to prevent layout shift on page load (

#1301)
superseriousbusiness · Jan 5, 2023 · de74cc6 · de74cc6
1 parent 90a14ab
commit de74cc6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/source/css/base.css b/web/source/css/base.css
@@ -62,8 +62,8 @@ body {
 	min-width: 100%;
 	width: 100%;
 
-	grid-template-columns: auto minmax(auto, 90ch) auto;
-	grid-template-columns: auto min(92%, 90ch) auto;
+	grid-template-columns: auto minmax(auto, 50rem) auto;
+	grid-template-columns: auto min(92%, 50rem) auto;
 	grid-template-rows: auto 1fr auto;
 }
 

diff --git a/web/source/css/profile.css b/web/source/css/profile.css
@@ -44,7 +44,7 @@ main {
 	.headerimage {
 		width: 100%;
 		aspect-ratio: 3 / 1;
-		max-height: 30ch;
+		max-height: 16rem;
 		overflow: hidden;
 		box-shadow: $boxshadow;