Update w3develops.css

Author: JonDevOps

css/w3develops.css

@@ -25,19 +25,16 @@ nav#mainNav .dropdown-item.dropdown-list-item:active {
 .side-nav-menu-area {
     color: white;
     background-color: #212529;
-    width: 100%;
-    height: 100vh;
+    width: 200px;
 }
 .mobile-icons {
     width: 50px;
     display: none;
 }
 #side-nav-list {
-    text-align: center;
-    margin: 0 auto;
-    width: fit-content;
     padding: 20px 0 20px 0px;
     margin-top: 100px;
+    text-align: center;
 }
 #side-nav-list div {
     padding-bottom: 10px;
@@ -50,7 +47,7 @@ nav#mainNav .dropdown-item.dropdown-list-item:active {
 }
 @media only screen and (max-width: 425px) {
     .side-nav-menu-area {
-        width: 100%;
+        width: 50px;
     }
     #side-nav-list h1 {
         display: none;
@@ -84,25 +81,10 @@ nav#mainNav .dropdown-item.dropdown-list-item:active {
 .displayed-content-area h1 {
     text-align: center;
 }
-.displayed-content-area1 {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    width: 100%;
-}
-/* Turning the row into a column */
-@media (max-width: 1024px) {
-    .displayed-content-area1 {
-        flex-direction: column;
-    }
-}
-.displayed-content-area1 h1 {
-    text-align: center;
-}
 .displayed-columns {
     overflow: scroll;
     width: 100%;
-    height: 100vh;
+    max-height: 730px;
     padding: 10px;
 }
 .row {
@@ -191,49 +173,3 @@ ul {
     display: block;
     content:'APPLY to a \A Cohort';
 }
-/*------------test--Tamari----------------*/
-.test {
-    display: none;
-}
-
-.test2 {
-    display: none;
-}
-
-.h {
-    width: fit-content;;
-}
-/*--full time--*/
-.Full-Time {
-    cursor: pointer;
-    font-size: 30px;
-    width: fit-content;
-    text-align: center;
-    margin-left: 30%;
-}
-.Full-Time li{
-    display: none;
-    margin-top: 3px;
-}
-
-.Full-Time:hover li {
-    display: block;
-    background-color: #fec503
-}
-/*----part time---*/
-.Part-Time {
-    cursor: pointer;
-    margin-top: 20px;
-    font-size: 30px;
-    width: fit-content;
-    margin-left: 30%;
-}
-.Part-Time li{
-    display: none;
-    margin-top: 3px;
-}
-
-.Part-Time:hover li {
-    display: block;
-    background-color: #fec503
-}