commit

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }

index.html

@@ -5,7 +5,7 @@
     <!-- Meta tags for character set and viewport -->
     <meta charset="UTF-8">
     <link rel="shortcut icon" type="Resources_icon" href="Resources_Logo.png">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=2.0">
     <!-- Page title -->
     <title>Your Resources</title>
     <!-- External CSS styles -->
@@ -46,7 +46,7 @@ <h1 class="Main_title">
             <div class="logo"><a href="#" id="TMresources">TM Resources</a></div>
             <div class="nav-links">
                 <div class="sidebar-logo">
-                    <span class="logo-name">CodingLab</span>
+                    <span class="logo-name">TM Resources</span>
                     <i class='bx bx-x'></i>
                 </div>
                 <ul class="links">

style.css

@@ -3,7 +3,11 @@
 body {
   background-color: black;
   color: black;
-  padding-top: 70px;
+  padding-top: 5px;
+
+  padding-left: 0;
+  width: auto;
+
 }
 
 #programming_lan {
@@ -28,7 +32,8 @@ body {
 .icon {
   width: 20px;
   height: 20px;
-  margin-right: 5px;
+
+
 }
 #scrollToTopBtn{
   display: none;
@@ -144,7 +149,7 @@ body {
   font-size: 25px;
   padding: 2px 6px;
   white-space: nowrap;
- margin-right: 10vh;
+ /* margin-right: 10vh; */
 
 }
 .sub_parts {
@@ -155,12 +160,20 @@ body {
 }
 
 @media (max-width: 600px) {
+  body{
+    margin: 0;
+  }
   .Main_title {
     font-size: 4vh;
+    width: 100%;
+    margin-top: 55px;
+
 
   }
   #scrollToTopBtn{
-    display: block;
+    display: none;
+    padding: 0;
+    margin: 0;
   }
   .container {
     flex-direction: column;
@@ -222,6 +235,7 @@ nav{
   background: #3E8DA8;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
   z-index: 99;
+  margin-bottom: 20px;
 }
 nav .navbar{
   height: 100%;
@@ -233,6 +247,7 @@ nav .navbar{
   margin: auto;
   /* background: red; */
   padding: 0 50px;
+  /* margin-bottom:100px; */
 }
 .navbar .logo a{
   font-size: 30px;
@@ -384,6 +399,9 @@ nav .navbar .links li:hover .js-sub-menu{
   display: none;
 }
 @media (max-width:920px) {
+  body{
+    margin: 0;
+  }
   nav .navbar{
     max-width: 100%;
     padding: 0 25px;
@@ -400,10 +418,13 @@ nav .navbar .links li:hover .js-sub-menu{
     font-size: 15px;
   }
   #scrollToTopBtn{
-    display: block;
+    display: none;
   }
 }
 @media (max-width:800px){
+  body{
+    margin: 0;
+  }
   nav{
     position: relative;
   }
@@ -502,15 +523,18 @@ nav .navbar .links li .sub-menu li{
       transform: rotate(90deg);
     }
     #scrollToTopBtn{
-      display: block;
+      display: none;
     }
 }
 @media (max-width:370px){
+  body{
+    margin: 0;
+  }
   nav .navbar .nav-links{
   max-width: 100%;
 }
 #scrollToTopBtn{
-  display: block;
+  display: none;
 } 
 }