From 122e4f44b26301ab7ce724cb0c98fa9e5e61948e Mon Sep 17 00:00:00 2001
From: deilann <yandoryn@gmail.com>
Date: Sat, 16 Dec 2023 13:00:02 -0800
Subject: [PATCH] make borders responsive

---
 color-words/color-styles.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/color-words/color-styles.css b/color-words/color-styles.css
index a50f65c..b30d6ba 100644
--- a/color-words/color-styles.css
+++ b/color-words/color-styles.css
@@ -41,7 +41,7 @@ button {
     display: flex;
     flex: auto;
     background: linear-gradient(#6aa5e1,#89a9c9 30%, #89a9c9 70%, #6aa5e1);
-    border: 5px outset #080c11;
+    border: min(1vw, 1vh) outset #080c11;
     border-radius: 10px;
     cursor: pointer;
     justify-content: center;
@@ -50,14 +50,14 @@ button {
 
 button:disabled {
     background: linear-gradient(#3f4e61,#6aa5e1 30%, #6aa5e1 70%, #3f4e61);
-    border: 5px outset #586b83;
+    border: min(1vw, 1vh) solid #586b83;
     color: #080c11;
 }
 
 #color-container {
     border-radius: 10px;
     margin: 5%;
-    border: 5px solid #080c11;
+    border: min(2vw, 2vh) solid #080c11;
     background-color: #fff; /* Set a default color */
     display: flex;
     flex: 7;