From 507423ed22902ba5d4c930c2315dbaf6b4f1500d Mon Sep 17 00:00:00 2001
From: Marco Sirabella <marco@sirabella.org>
Date: Tue, 14 Mar 2023 22:44:16 -0700
Subject: [PATCH] Improve automatic scaling of circle

Now shows up sanely on mobile & always leaves room for the label
underneath on desktop

Fixes #4
---
 colors.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/colors.html b/colors.html
index 02fcb8e..f2c4392 100644
--- a/colors.html
+++ b/colors.html
@@ -41,7 +41,9 @@ body {
 }
 
 svg {
-  clip-path: circle(300px at center);
+  clip-path: circle(50% at center);
+  max-width: 100vw;
+  max-height: 80vh;
 }
 polygon { stroke-width: 1px; }
 
@@ -56,10 +58,8 @@ polygon { stroke-width: 1px; }
 
 <svg
     baseProfile="full"
-    height="600"
     version="1.1"
     viewbox="0 0 1024 1024"
-    width="600"
     xmlns="http://www.w3.org/2000/svg"
     ></svg>