mobile styles tutorials and about page

public/home.css

@@ -599,7 +599,22 @@ div.tutorials-medium {
         width: 100%;
     }
 
-    .tutorials-medium .seperator {
+    .roadmap .tutorial {
+        margin-bottom: 20px;
+        flex-direction: column;
+    }
+
+    .roadmap ul.lessons {
+        flex-direction: column;
+        row-gap: 20px;
+    }
+
+    .roadmap ul.lessons li {
+        width: calc(100% - 40px);
+    }
+
+    .tutorials-medium .seperator,
+    .roadmap span.seperator {
         display: none;
     }
 
@@ -608,4 +623,20 @@ div.tutorials-medium {
         background-position: calc(100% - 10px) center;
     }
 
+    .tabs {
+        flex-wrap: wrap;
+        justify-content: center;
+        row-gap: 20px;
+        padding-bottom: 2em;
+        margin-bottom: 2.5em;
+    }
+
+    .about .page-header .content {
+        grid-area: unset;
+        max-width: calc(100vw - 60px);
+        padding-right: 20px;
+        margin: unset;
+        word-wrap: break-word;
+    }
+
 }