From f1602b8e93d81daea0c6b8513c0cdd85a4c6e133 Mon Sep 17 00:00:00 2001
From: Lukas Heiligenbrunner <lukas.heiligenbrunner@gmail.com>
Date: Tue, 17 Mar 2020 22:18:12 +0100
Subject: [PATCH] about page responsive design for mobile

---
 css/index.css | 14 ++++++++++++++
 index.html    |  4 ++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index 39134c2..caa9582 100644
--- a/css/index.css
+++ b/css/index.css
@@ -51,6 +51,7 @@ body, html {
 
 .aboutPic {
     width: 60%;
+    height: 300px;
     float: left;
 }
 
@@ -123,4 +124,17 @@ body, html {
     #aboutmeText {
         width: 100%;
     }
+
+    .aboutcontainer {
+        width: 100%;
+    }
+
+    .aboutPic {
+        width: 100%;
+        height: 150px;
+    }
+
+    #section2{
+        height: 130%;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 524f5ba..e4031b8 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@
             </p>
         </div>
         <div id="homepicture">
-            <img src="rsc/self3.png" height="100%" style="display: block;right:0">
+            <img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto; margin-right: auto">
         </div>
     </div>
 </div>
@@ -95,7 +95,7 @@
             </ul>
         </div>
         <div class="aboutPic">
-            <img src="rsc/self4.jpg" height="300px" style="display: block;float:right; margin-top: 10%">
+            <img src="rsc/self4.jpg" height="100%" style="float:right; margin-top: 10%">
         </div>
     </div>
 </div>