Update page and style

shubertm · Jan 11, 2023 · 801210e · 801210e
1 parent 6101668
commit 801210e
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 34 deletions.
diff --git a/home.css b/home.css
@@ -1,4 +1,5 @@
 html, body {
+  height: 100%;
     margin: 0;
 } 
 
@@ -17,14 +18,9 @@ html, body {
     font-family: sans-serif;
 }
 
-#container {
-    top: 0;
-}
-
 #content {
-    padding-bottom: 40px;
-height: 100%;
-background: blue;
+    min-height: 95%;
+    padding-bottom 40px;
 }
 
 body {
@@ -58,9 +54,9 @@ span {
 }
 
 footer {
-    position: relative;
     color: #b6bfb8;
     font-size: 150%;
+    font-family: sans-serif;
     height: 40px;
     width: 100%;
     text-align: center;

diff --git a/index.html b/index.html
@@ -1,40 +1,42 @@
+
 <!DOCTYPE html>
 <html lang="en">
-    <link rel="stylesheet" href="./home.css">
+<link rel="stylesheet" href="./home.css">
+
 <head>
-    <meta charset="UTF-8">
-    <title>Shubert Munthali</title>
+  <meta charset="UTF-8">
+  <title>Shubert Munthali</title>
 </head>
+
 <body>
-    <div id="container">
-        <div id="content">
-            <div id="my_photo">
+    <div id="content">
+      <div id="my_photo">
         <img src="./images/shubert.jpg" alt="my photo" height="306" width="306">
-    </div>
-    <h1 id="my_name">
+      </div>
+      <h1 id="my_name">
         Shubert Munthali
-    </h1>
-    <h2>
+      </h1>
+      <h2>
         Software Developer
-    </h2>
-    <section>
+      </h2>
+      <section>
         <span>
-            <a href="https://github.com/shubertmunthali">
+          <a href="https://github.com/shubertmunthali">
             <img src="./images/github.svg" alt="my github profile" height="100" width="100">
-        </a>
-            
+          </a>
+
         </span>
         <span>
-            <a href="https://linkedin.com/in/shubertmunthali">
-                <img src="./images/linkedin.svg" alt="my linkedin profile" height="100" width="100">
-            </a>      
+          <a href="https://linkedin.com/in/shubertmunthali">
+            <img src="./images/linkedin.svg" alt="my linkedin profile" height="100" width="100">
+          </a>
         </span>
-    </section>
-        </div>
-        <footer>
-            <div id="border"></div>
-   Copyright © Shubert Munthali
-</footer>
-    </div>    
+      </section>
+  </div>
+    <footer>
+      <div id="border"></div>
+      Copyright © Shubert Munthali
+    </footer>
 </body>
-</html>
+
+</html>