Add more css to footer

Technigo · Sep 30, 2024 · c637333 · c637333
1 parent f6411c9
commit c637333
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/code/index.html b/code/index.html
@@ -21,8 +21,10 @@ <h3 id="description">Weather description</h3>
             <div class="day-container">
             </div>
         </div>
+        <div>
+            <footer>2024-09-29 Johanna Eriksson</footer>
+        </div>
     </div>
 <script src="script.js"></script>
-<footer>2024-09-15 Johanna Eriksson</footer>
 </body>
 </html>
diff --git a/code/styles.css b/code/styles.css
@@ -6,9 +6,6 @@ img {
 
 /*Mobile*/
 @media screen and (max-width: 600px) {
-    body {
-        margin-top: 10px;
-    }
     .container {
         padding: 10px;
         margin-top: 10px;
@@ -124,4 +121,16 @@ body {
 .forecast-day img {
     margin-right: 10px; 
 }
+
+footer {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+    color: #fff;
+    background-color: #d1c4e9;
+    border-radius: 20px;
+    border-style: dotted;
+    padding: 10px;
+    margin-top: 20px;
+}