made the site bit more responsive

index.html

@@ -150,20 +150,8 @@
 
         <h3>Moderators:</h3>
 
+        <i>none</i>
 
-            <div class="cmmc-staff-container flex">
-
-                <a class="a-nostyle" href="#"> <!-- STAFF PROFILE START -->
-                <div class="cmmc-staff-box">
-                  <img style="opacity: 8%;" src="assets/derg_icon.png">
-                  <center>
-                    <strong>Derg Doe</strong><br>
-                    <i>- Moderator -</i>
-                    <p>
-                      No moderator yet. Could be you
-                    </p>
-                  </center>
-                </div></a> <!-- STAFF PROFILE END -->
 
 
 

style.css

@@ -155,3 +155,53 @@ table th, table td {
 table tr:nth-child(2n) {
   background-color: var(--background2);
 }
+
+@media only screen and (device-width: 1280px),
+only screen and (max-width:1280px) {
+  
+  .cm-header {
+    font-size: 8px;
+    padding: 20px;
+    justify-content: center;
+    display: flex;
+  }
+
+  .cm-navbar ul {
+    margin: 0px;
+    display: math;
+  }
+
+  .c-main {
+    margin-left: 10%;
+    margin-right: 10%;
+  }
+
+  .cm-main {
+    display: block;
+  }
+
+  .cmm-content {
+    width: 100%;
+  }
+
+  .cmm-sidebar {
+    width: 100%;
+    margin-left: -3%;
+    display: block;
+  }
+
+  .a-nostyle {
+    display: contents;
+  }
+
+  .cmmc-staff-container {
+    display: flex;
+  }
+
+  .cmmc-staff-box {
+    max-width: 100%;
+  }
+
+
+
+}