Merge pull request #12 from rivercory/main

Edit progress style
DhanushNehru · Sep 28, 2024 · 424f74d · 424f74d
2 parents 3f8806f + 83f0435
commit 424f74d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -30,15 +30,16 @@
             display: inline-block; /* Aligns the button to the left */
         }
 
-        img {
+        #progress-img {
             display: block; /* Centers the image */
             margin: 10px auto; /* Adds margin around the image for spacing */
+            border-radius: 1rem;
         }
     </style>
 </head>
 <body>
     <h1>Year Progress</h1>
-    <img id="progress-img" src="https://year-in-progress.vercel.app/year-progress" alt="Year Progress" style="width: 300px; height: 50px;">
+    <img id="progress-img" src="https://year-in-progress.vercel.app/year-progress" alt="Year Progress" style="width: 450px; height: 75px;">
 
     <!-- Button positioned directly below the progress bar and aligned to the left -->
     <button id="theme-toggle">Switch to Dark Mode</button>