made website responsive

2017-03-01 18:10:57 +01:00
parent 7043125f94
commit f912244f75
2 changed files with 23 additions and 7 deletions
--- a/index.html
+++ b/index.html
@@ -10,11 +10,6 @@
        font-weight: normal;
        font-style: normal;
      }
-      @media(max-device-width: 700px) {
-        body {
-          font-size: 36px;
-        }
-      }
      body {
        font-family: 'charterregular', Georgia, serif;
        width: 100vw;
@@ -53,6 +48,29 @@
        text-decoration: none;
        border-bottom: 2px solid #d6dde3;
      }
+      @media(max-device-width: 700px) {
+        body {
+          font-size: 36px;
+        }
+        .aside {
+          width: 100%;
+          height: auto;
+          margin-left: 1em;
+        }
+        .aside h1 {
+          font-size: 160%;
+          padding: 0.5em;
+        }
+        .aside ul li {
+          font-size: 130%;
+          display: inline-block;
+          width: 30vw;
+          margin-bottom: 0.5em;
+        }
+        .main {
+          max-width: 100%;
+        }
+      }
    </style>
    <title>Veit Heller</title>
  </head>