Update colors.md

kevinolega · Nov 2, 2024 · e8fbca9 · e8fbca9
1 parent 8f381b6
commit e8fbca9
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/colors.md b/colors.md
@@ -10,46 +10,46 @@ author: Kevin Olega
 
 <h2>Earthy Hues</h2>
 <div class="color-container">
-    <div class="color-box" style="background-color: #556B2F; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #556B2F; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Deep Olive:</span> <span>#556B2F</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #8B4513; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #8B4513; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Warm Brown:</span> <span>#8B4513</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #C19A6B; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #C19A6B; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Camel:</span> <span>#C19A6B</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #DAA520; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #DAA520; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Golden Yellow:</span> <span>#DAA520</span>
 </div>
 
 <h2>Warm Jewel Tones</h2>
 <div class="color-container">
-    <div class="color-box" style="background-color: #317873; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #317873; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Rich Teal:</span> <span>#317873</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #228B22; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #228B22; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Warm Emerald Green:</span> <span>#228B22</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #CC5500; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #CC5500; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Burnt Orange:</span> <span>#CC5500</span>
 </div>
 
 <h2>Neutral Colors</h2>
 <div class="color-container">
-    <div class="color-box" style="background-color: #FFFDD0; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #FFFDD0; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Cream:</span> <span>#FFFDD0</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #D2B48C; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #D2B48C; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Beige:</span> <span>#D2B48C</span>
 </div>
 <div class="color-container">
-    <div class="color-box" style="background-color: #A99E93; width: 20px; height: 20px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
+    <div class="color-box" style="background-color: #A99E93; width: 96px; height: 96px; margin-right: 10px; display: inline-block; border: 1px solid #000;"></div>
     <span class="color-label">Warm Gray:</span> <span>#A99E93</span>
 </div>