fix: Alignment issues on tutorial header

Santhosh-testsigma · Santhosh-testsigma · commit 4d15b8dd2ccc · 2023-09-20T14:35:53.000+05:30
diff --git a/src/components/header.jsx b/src/components/header.jsx
@@ -20,7 +20,7 @@ const Header = () => {
                         </svg>
                     </a>
                     <nav className="flex-auto flex  items-center">
-                        <nav className="flex w-4/5">
+                        <nav className="flex w-7/12">
                             <div className="flex items-stretch font-semibold ml-20">
                                 <a className="btn btn-ghost btn-sm pr-2 rounded-btn" href={'/docs/'}>
                                     Docs
diff --git a/src/components/navcards.scss b/src/components/navcards.scss
@@ -5,7 +5,8 @@
   border: .1rem solid $light-grey;
   border-radius: 2px;
   @media (max-width: 767px) {
-    @apply w-full m-8;
+    @apply m-8;
+    width: 100%;
   }
   &:hover{
     background: $black_haze;
diff --git a/src/templates/page.scss b/src/templates/page.scss
@@ -640,7 +640,7 @@ code[class*="language-"] {
     width: 60%;
   }
   @media (min-width: 1024px) {
-    @apply w-1/5;
+    @apply w-2/5;
   }
   @media (max-width: 1279px) {
     @apply p-0;
