Add mobile support

ocen-lang · Jul 24, 2023 · 80f4c27 · 80f4c27
1 parent cd54820
commit 80f4c27
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/CSS/styles.css b/CSS/styles.css
@@ -121,6 +121,7 @@ main {
     padding: 0 40px;
     overflow-y: scroll;
     overflow-x: hidden;
+    overflow-wrap: break-word;
 }
 
 #breadcrumb {
@@ -296,4 +297,27 @@ pre {
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
+}
+
+@media only screen and (max-width: 768px) {
+    body {
+        padding: 0;
+    }
+
+    nav {
+        display: none;
+    }
+
+    main {
+        padding: 0 20px;
+    }
+
+    #breadcrumbDiv {
+        flex-direction: column-reverse;
+        align-items: flex-start;
+    }
+
+    .full-description {
+        font-size: 16px;
+    }
 }