📱 Working on responsive design

assets/css/styles.scss

@@ -92,7 +92,7 @@ footer {
 .wrapper {
   min-height: 100vh;
   display: flex;
-  flex-direction: column;
+  flex-flow: column nowrap;
 }
 
 .wrapper .page {
@@ -246,7 +246,7 @@ nav.secondary-nav {
 }
 
 .footer {
-  flex-direction: column;
+  flex-flow: column nowrap;
 }
 
 h1,
@@ -699,7 +699,7 @@ ol {
 ul li,
 ol li {
   display: inline-flex;
-  flex-direction: column;
+  flex-flow: column nowrap;
   flex-grow: 1;
   justify-content: center;
 }
@@ -713,7 +713,7 @@ ol li {
 
   * {
     display: inline-flex;
-    flex-wrap: wrap;
+    flex-flow: row wrap;
     align-items: center;
     justify-content: center;
   }
@@ -919,7 +919,7 @@ input[type="radio"]:checked + label + .tab {
 
   ul,
   ol {
-    flex-direction: column;
+    flex-flow: column nowrap;
   }
 
   ul li,

layouts/default.vue

@@ -411,7 +411,7 @@
                   {{ version.name }}
                 </a>
                 <a
-                  class="link"
+                  class="link hide-on-small-screen"
                   href="https://www.netlify.com"
                   target="_blank"
                   rel="noopener"
@@ -654,12 +654,6 @@
 .link {
   margin: 8px 16px;
 }
-@media (max-width: 768px) {
-  .link {
-    display: flex;
-    flex: 1;
-  }
-}
 </style>
 
 <script>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "postwoman",
-    "version": "1.5.0",
+    "version": "1.8.0",
     "description": "A free, fast and beautiful API request builder",
     "author": "liyasthomas",
     "private": true,