Laddade upp index.html, ny main.css samt placeholder profilbild.

MyPortfolio/static/style/main.css

@@ -7,7 +7,7 @@ html, body {
     font-family: "Afacad Flux", sans-serif;
     font-optical-sizing: auto;
     overflow-x: hidden;
-    overflow-y: scroll;
+    overflow-y: hidden;
     /* SIZING */
     margin:0;
     padding:0;
@@ -70,10 +70,57 @@ header a {
     background:rgba(15,15,15,0.9);
 
     /* SIZING */
-    min-height: 60.5%;
-    padding-bottom: 150px;
+    min-height: 60%;
+    padding-bottom: 110px;
     width: 100%;
+}
+
+.info-container {
+
+    height: 60vh;
+    width: 120vh;
+
+    margin-left: auto;
+    margin-right: auto;
+
+    display: flex;
+    justify-content:center;
+    align-items: center;
+
+}
+
+.info-container * {
+    background:rgba(10,10,10,0.9);
+    border-radius: 30px;
+}
+
+.img-container {
+    height: 75%;
+    width: 30vh;
+
+}
+
+.img-container div {
+    width: 100%;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 14px;
+
+    resize: none;
+}
+
+.img-container img {
+    width: 100%;
+}
+
+.intro-box {
+    height: 75%;
+    width: 50%;
+
+    padding: 15px;
+    margin-left: 5vh;
 
+    resize: none;
 }
 
 
@@ -90,7 +137,7 @@ footer {
 
     bottom:0;
     width:100%;
-    height:150px;
+    height:200px;
 
     margin-right: auto;
     margin-left: auto;