updated media

css/header.css

@@ -1,4 +1,5 @@
 .header {
+    position: relative;
     color: white;
     display: flex;
     align-items: center;
@@ -26,7 +27,7 @@
     box-shadow: white 0 0 30px;
 }
 
-.usericon>img {
+.usericon > img {
     width: 100%;
     height: 100%;
 }
@@ -49,3 +50,9 @@
 .time:hover {
     text-shadow: white 0 0 20px;
 }
+
+@media screen and (max-width: 500px) {
+    .header {
+        flex-direction: column;
+    }
+}