From 2a43eff7a68dd9de876f8ae16ea63d32a4d3c753 Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Tue, 10 Jan 2023 19:51:06 -0800 Subject: [PATCH] Clarify margin and gradient location Using dvw more accurately reflects desired behavior --- style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/style.css b/style.css index 5a40219..2237644 100644 --- a/style.css +++ b/style.css @@ -1,11 +1,10 @@ body { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; - background: radial-gradient(circle at min(300px, 50% - 8px) 50%, hsl(222deg 50% 20%) 300px, hsl(240deg 50% 5%)); + background: radial-gradient(circle at 6dvw 50%, hsl(222deg 50% 20%) 300px, hsl(240deg 50% 5%)); color: hsl(222deg 50% 80%); min-block-size: 100dvh; - inline-size: min(720px, 100% - 16px); margin-block: 0; - margin-inline: 8px auto; + margin-inline-start: clamp(8px, 6dvw, 240px); display: grid; } -- 2.47.3