edly academy UI design fixed and extra spacing on cards also fix and …

…extra file removed

layout/static/css/academy.css

@@ -26,7 +26,6 @@ body {
 
 .container {
   height: 100vh;
-  width: 100vw;
   background-color: white;
 }
 
@@ -48,6 +47,9 @@ body {
   text-transform: uppercase;
   margin-right: 24px;
 }
+a.github-link {
+  margin-right: 0 !important;
+}
 
 .mobile-menu-link {
   display: none;
@@ -112,7 +114,7 @@ ul.navbar-list li a {
 }
 /* main content area */
 .content-area {
-  padding: 50px 135px 100px;
+  padding: 50px 135px 80px;
   display: flex;
   flex-direction: column;
 }
@@ -321,15 +323,17 @@ input[type="radio"] {
   display: flex;
   align-items: center;
   gap: 4px;
-  padding: 5px 15px;
+  padding: 7px 15px;
   color: var(--white);
   background-color: #3574a7;
   border-radius: 6px;
   text-transform: capitalize;
   font-weight: 600;
   width: fit-content;
 }
-
+.card-tag .guide{
+  width: 16px;
+}
 .card-title {
   overflow: hidden;
   display: -webkit-box;
@@ -376,7 +380,7 @@ input[type="radio"] {
   width: 100%;
   display: flex;
   gap: 96px;
-  margin-top: 100px;
+  margin-top: 80px;
   flex-direction: row;
 }
 
@@ -632,17 +636,28 @@ pre code.hljs * {
 
 /* mobile view */
 
-@media only screen and (max-width: 1024px) {
-  .resources{
-  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+@media only screen and (min-width: 1440px) {
+.card{
+  max-width: 100%;
+}
+}
 
-  }
+
+
+@media only screen and (max-width: 1200px) {
   .navbar {
     padding: 12px 70px;
   }
   .content-area {
     padding: 30px 70px 60px;
   }
+}
+@media only screen and (max-width: 1024px) {
+  .resources{
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+
+  }
+
   .resources-heading {
     font-size: 35px;
     line-height: 40px;
@@ -653,6 +668,10 @@ pre code.hljs * {
   .tutorials {
     margin-top: 70px;
   }
+  .card{
+    max-width: calc(450px - 48px);
+  }
+
 }
 @media only screen and (max-width: 768px) {
   .github-text {