diff --git a/header.php b/header.php
index b4b9a27..df013dd 100644
--- a/header.php
+++ b/header.php
@@ -1,5 +1,6 @@
 <html lang="pl">
 <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" type="text/css" href="/static/css/main.css">
     <meta charset="utf-8">
     <title>~tylda.org~ polskie tildeverse</title>
diff --git a/register.php b/register.php
index ae5c0d8..756fe9e 100644
--- a/register.php
+++ b/register.php
@@ -41,6 +41,7 @@ Otrzymaliśmy twój formularz rejestracji. Oczekuj na dalsze informacje na swoje
 } else {
 ?>
 
+<article>
 Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potraktuj go częściowo jako antyspam. Chcemy sensownych odpowiedzi na poniższe pytania. Posiadanie własnej strony też jest na duży plus.
 <form action="register.php" method="POST">
 <div class="form-row">
@@ -78,6 +79,7 @@ Poniższy formularz trafi do naszych administratorów, którzy go ocenią. Potra
 <button type="submit">Submit</button>
 </div>
 </form>
+</article>
 <?php
 
 }
diff --git a/static/css/main.css b/static/css/main.css
index 2f5a60f..61f41c6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,9 +1,3 @@
-@media only screen and (max-width: 850px) {
-    header#menu {
-        flex-direction: column !important;
-    }
-}
-
 :root {
     --main: #dd9a1a;
     --bg: #111;
@@ -23,18 +17,17 @@ body {
     font-family: "Helvetica", "Arial", sans-serif;
 }
 
+
 div.main-content {
     display: flex;
     flex-direction: column;
-    width: 60%;
     margin: 0 auto;
     padding: 1rem;
 }
 
 header#menu {
     display: flex;
-    flex-direction: row;
-    height: 3rem;
+    flex-direction: column;
     border-width: 5px;
     border-color: var(--main);
     border-style: double;
@@ -74,7 +67,7 @@ article#content {
     border-radius: 5px;
     margin-top: 2rem;
     padding: 1rem;
-    gap: 8px;
+    gap: .5rem;
     padding-block: 2rem;
 }
 
@@ -104,7 +97,8 @@ footer#footer > *:not(:last-child)::after {
 
 pre.ascii {
     margin-bottom: 2rem;
-    font-size: 15px;
+    font-size: 1rem;
+    overflow: auto;
 }
 
 .user_home {
@@ -116,6 +110,7 @@ pre.ascii {
 
 .form-row {
   display: flex;
+  flex-direction: column;
   justify-content: flex-end;
   padding: .5em;
 }
@@ -151,3 +146,26 @@ ul li {
   padding: 0.5rem;
   margin-left: 2rem;
 }
+@media only screen and (min-width: 900px) {
+    div.main-content {
+        width: 60%;
+    }
+}
+
+@media only screen 
+    and (min-width: 480px) 
+    and (max-width: 900px) {
+    header#menu {
+        flex-direction: row;
+    }
+    .form-row {
+        flex-direction: row;
+    }
+}
+
+@media only screen and (max-device-width: 480px) {
+    article {
+	font-size: 1em;
+    }
+}
+
