weaponsforge
diff --git a/‎public/images/cute-doggo.png‎
122 KB b/‎public/images/cute-doggo.png‎
122 KB
diff --git a/‎public/images/landscape.jpg‎
425 KB b/‎public/images/landscape.jpg‎
425 KB
diff --git a/‎public/index.html‎
Lines changed: 7 additions & 2 deletions b/‎public/index.html‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎public/main.css‎
Lines changed: 18 additions & 1 deletion b/‎public/main.css‎
Lines changed: 18 additions & 1 deletion
@@ -8,7 +8,12 @@
   <script src="main.js" type="text/javascript"></script>
 </head>
 <body onload="init()">
-  <h1>It Works!</h1>
-  <button onclick="clickme()">Click Me</button>
+  <main>
+    <h1>It Works!</h1>
+    <button onclick="clickme()">Click Me</button>
+    <div class="imgcontainer">
+      <img src="images/cute-doggo.png">
+    </div>
+  </main>
 </body>
 </html>
@@ -2,5 +2,22 @@ body, html {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
-  background-color: azure;
+  background-image: url('images/landscape.jpg');
+}
+
+.imgcontainer {
+  margin-top: 48px;
+}
+
+img {
+  width: 300px;
+  height: 300px;
+}
+
+main {
+  width: 400px;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }