johnstack
diff --git a/‎.DS_Store‎
2 KB b/‎.DS_Store‎
2 KB
diff --git a/‎clock_demo/.DS_Store‎
6 KB b/‎clock_demo/.DS_Store‎
6 KB
diff --git a/‎clock_demo/background.png‎
340 KB b/‎clock_demo/background.png‎
340 KB
diff --git a/‎clock_demo/index.html‎
Lines changed: 5 additions & 3 deletions b/‎clock_demo/index.html‎
Lines changed: 5 additions & 3 deletions
@@ -9,14 +9,14 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      height: 100vh;
+      height: 90vh;
       background: white;
     }
 
     .clock {
       position: relative;
-      width: 300px;
-      height: 300px;
+      width: 600px;
+      height: 600px;
     }
 
     .hand {
@@ -28,6 +28,7 @@
     }
 
     /* Optional sizing */
+    .background   { height: 600px; }
     #hours   { height: 600px; }
     #minutes { height: 600px; }
     #seconds { height: 600px; }
@@ -36,6 +37,7 @@
 
 <body>
   <div class="clock">
+    <img src="background.png" class="background" alt="Clock background">
     <img src="hours.png"   id="hours"   class="hand">
     <img src="minutes.png" id="minutes" class="hand">
     <img src="seconds.png" id="seconds" class="hand">