feat: countdown timer layout change

codebubb · codebubb · commit f76993b2eedc · 2023-11-15T13:28:59.000Z
diff --git a/09-countdown-timer/index.html b/09-countdown-timer/index.html
@@ -28,9 +28,9 @@ <h1>CountDown Timer</h1>
 
         <div class="timer">
             <h2>
-                <span id="hoursOutput"></span>
-                <span id="minutesOutput"></span>
-                <span id="secondsOutput"></span>
+                <div id="hoursOutput"></div>
+                <div id="minutesOutput"></div>
+                <div id="secondsOutput"></span>
             </h2>
         </div>
     </div>
diff --git a/09-countdown-timer/styles.css b/09-countdown-timer/styles.css
@@ -15,6 +15,7 @@ h1 {
 
 .container {
     display: flex;
+    gap: 2rem;
     box-shadow: 0 0 24px 8px rgba(0, 0, 0, 0.2);
     padding: 1rem;
     border-radius: .5rem;
