overflow bug in Learn Web Development fixed

Author: AbhayaShankar

assets/css/styles.css

@@ -480,7 +480,7 @@ i#menuClose {
   border: 2px solid #228abb;
   padding: 5px 25px;
   border-radius: 3px;
-  font-size: 16px;
+  font-size: 12px;
   transition: 0.25s all ease-in-out;
 }
 .dualSectionsText a:hover {
@@ -1077,13 +1077,12 @@ div.searchProject::after {
   border-radius: 50%;
   transition: 0.5s;
 }
-@media (min-width: 880px){
-    #embedForMobile{
-        display: none;
-    }
+@media (min-width: 880px) {
+  #embedForMobile {
+    display: none;
+  }
 }
 @media (max-width: 880px) {
- 
   #embedForMobile {
     margin-bottom: 10px;
   }
@@ -1092,16 +1091,16 @@ div.searchProject::after {
     max-width: 80vw;
   }
 
-  .buttonCenter{
+  .buttonCenter {
     max-width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
   }
 
-  .commanBtn{
-   margin: 10px 0 !important;
+  .commanBtn {
+    margin: 10px 0 !important;
   }
 
   #embedForPc {
@@ -1139,3 +1138,15 @@ div.searchProject::after {
     font-size: 15px;
   }
 }
+
+@media (min-width: 402px) {
+  .dualSectionsText a {
+    font-size: 16px;
+  }
+}
+
+@media (min-width: 379px) and (max-width: 402px) {
+  .dualSectionsText a {
+    font-size: 14px;
+  }
+}