Add mobile styles

4 years ago · 31057f3b7d
parent 6aee5c5fbc
commit 31057f3b7d
1 changed files with 16 additions and 0 deletions
--- a/app/views/layouts/styleguide/styleguide.layout.html.erb
+++ b/app/views/layouts/styleguide/styleguide.layout.html.erb
@ -123,6 +123,22 @@
        display: block;
        font-size: 30px;
      }
+
+      /* Tablet screen size */
+      @media only screen and (max-width: 1210px) {
+        body {
+          max-width: unset;
+          margin: 0 1rem;
+          transition: all 0.4s;
+        }
+      }
+
+      /* Mobile screen size */
+      @media only screen and (max-width: 679px) {
+        .styleguide-banner {
+          padding: 25% 0 0;
+        }
+      }
    </style>
  </head>
 <body class="lsg">