From a562133c5a004f49c5f687fe62fbdb76d88e55d7 Mon Sep 17 00:00:00 2001
From: archeana <anaclaudiasousajesus6@gmail.com>
Date: Wed, 24 Jan 2024 11:46:28 +0100
Subject: [PATCH] update day 17

---
 Day_16/index.html |  2 +-
 Day_17/style.css  | 11 +++++++----
 index.html        | 10 +++++++++-
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/Day_16/index.html b/Day_16/index.html
index 00aed6a..cf76afd 100644
--- a/Day_16/index.html
+++ b/Day_16/index.html
@@ -16,7 +16,7 @@
         <a class="card home-card" href="https://archeana.github.io/JS30/" onclick="goToHomepage()">
             <span>Home</span>
         </a>
-        <a class="card next-card" href="#" onclick="goToNextProject()">
+        <a class="card next-card" href="https://archeana.github.io/JS30/Day_17/index.html" onclick="goToNextProject()">
             <span>Next</span>
         </a>
     </div>
diff --git a/Day_17/style.css b/Day_17/style.css
index 563f2f5..bcbec5c 100644
--- a/Day_17/style.css
+++ b/Day_17/style.css
@@ -5,7 +5,7 @@ body {
     background-size: cover;
     display: flex;
     align-items: center;
-    min-height: 100vh;
+    min-height: 80vh;
 }
 
 .navigation {
@@ -45,15 +45,18 @@ body {
 }
 
 
-
+ul{
+    margin:auto;
+}
 
 
 #bands {
     list-style: inside;
+    margin-top: 10%;
     font-size: 20px;
     background: white;
-    width: 500px;
-    margin: auto;
+    width: 400px;
+    
     padding: 0;
     box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.05);
 }
diff --git a/index.html b/index.html
index e3dd176..e1f1631 100644
--- a/index.html
+++ b/index.html
@@ -161,7 +161,15 @@ <h1>30 Day Vanilla JS Coding Challenge</h1>
                     </div>
                 </div>
             </div>
-            <div class="card">Day 17</div>
+
+                <div class="card">
+                <div class="card-inner">
+                    <div class="card-front">Day 17</div>
+                    <div class="card-back"><a href="https://archeana.github.io/JS30/Day_17/index.html"
+                            target="_blank">Done</a>
+                    </div>
+                </div>
+            </div>
             <div class="card">Day 18</div>
             <div class="card">Day 19</div>
             <div class="card">Day 20</div>