Add responsiviness

2018-11-17 00:16:55 +02:00
parent 26332c6e52
commit 5d54a4c94a
4 changed files with 11 additions and 1 deletions
@@ -5,6 +5,11 @@
  flex-flow: column nowrap;
  align-items: flex-start;
  flex: 4;
+
+  @media screen and (max-width: 800px) {
+    align-items: center;
+  }
+
  text-align: left;
  font-weight: 300;
  padding: 3rem 1rem 2rem;
@@ -7,6 +7,10 @@
  flex-flow: row wrap;
  justify-content: flex-start;

+  @media screen and (max-width: 800px) {
+    flex-flow: column nowrap;
+  }
+
  &.dark-blue {
    background-color: $dark-blue;
    color: $white;
@@ -2,6 +2,7 @@
 <html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,800,900" rel="stylesheet">
  </head>
  <body>
@@ -19,7 +19,7 @@ body {
 body {
  padding: 0;
  margin: auto !important;
-  overflow: hidden;
+  overflow-x: hidden;
 }

 h1 {