1.0.0_dev-11260212

public/assets/css/style.css

@@ -66,6 +66,10 @@ main > div {
     opacity: .3;
 }
 
+h1 {
+    font-size: 2em;
+}
+
 h2 {
     font-weight: normal;
     font-size: 1.42em;
@@ -181,3 +185,40 @@ nav a:hover {
 #myface img {
     height: 100%;
 }
+
+@media screen and (max-width: 800px) {
+
+    h1 {
+        font-size: 7vw;
+    }
+
+    h2 {
+        font-size: 5vw;
+    }
+
+    main {
+        max-width: unset;
+        background-size: auto 100vw;
+    }
+
+    #intro {
+        width: initial;
+        padding: 10vw;
+        text-align: center;
+    }
+
+    #intro p {
+        text-align: justify;
+    }
+
+    #myface {
+        display: none;
+    }
+
+    nav a {
+        text-decoration: none;
+        margin-right: 5vw;
+        font-size: 5vw;
+    }
+
+}

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
+    <meta name="theme-color" content="#ffffff">
     <link href="assets/img/favicon.png" rel="icon">
     <link href="assets/css/style.css" rel="stylesheet">
     <title>Victor Westerlund</title>
@@ -19,7 +20,7 @@
                 </div>
                 <div class="block">
                     <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis, nibh sed ultrices vehicula, risus enim fermentum lacus, vitae lacinia erat arcu in magna. Sed eget aliquam diam, vitae facilisis enim. Morbi laoreet nulla sit amet eros tempor tincidunt.</span></p>
-                    <p><span>Programming languages: <strong>JavaScript, PHP, SQL & Python</strong></span></p>
+                    <p><span>Programming&nbsp;languages: <strong>JavaScript, PHP, SQL & Python</strong></span></p>
                 </div>
                 <div class="block">
                     <nav>