Początki optymalizacji na telefony

assets/css/baza.css

@@ -49,6 +49,49 @@ h1, h2, h3, h4, h5, h6, p {
     margin: 0%;
 }
 
+h1 {
+    font-size: 1.4rem;
+}
+
+h2 {
+    font-size: 1.2rem;
+}
+
+h3 {
+    font-size: 1.1rem;
+}
+
+h4 {
+    font-size: 1rem;
+}
+
+ol, ul {
+    margin: 0%;
+    padding: 0%;
+    padding-left: .5rem;
+}
+
+overflow-x-auto {
+    width: 100%;
+    max-width: 100%;
+    overflow-x: auto;
+}
+
+@media (width: 600px) {
+    h1 {
+        font-size: initial;
+    }
+    h2 {
+        font-size: initial;
+    }
+    h3 {
+        font-size: initial;
+    }
+    h4 {
+        font-size: initial;
+    }
+}
+
 /* Linki */
 a, a:visited {
     font-size: large;

assets/css/main.css

@@ -121,6 +121,16 @@ footer div div ul {
     list-style: none;
 }
 
+#extra {
+    display: none;
+}
+
+@media (width: 600px) {
+    #extra {
+        display: flex;
+    }
+}
+
 /* Dodatkowe */
 .flex-row {
     flex-grow: 1;