Update main.scss

Author: rohitjain00

_sass/main.scss

@@ -93,9 +93,6 @@ body {
     width: 60%;
     margin: 0 auto;
     margin-top: 50px;
-    ul {
-        padding-left: 0;
-    }
     @include mediaQuery(tablet-width) {
         width: 70%;
     }
@@ -108,21 +105,22 @@ body {
         justify-content: space-between;
         flex-wrap: wrap;
         border-bottom: 2px solid  var(--primary-text-color);
-        text-align: center;
         h1 {
             // align-self: flex-start;
             font-size: 40px;
             flex-grow: 2;
+            text-align: left;
+            margin: 10px;
         }
         ul {
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
-            justify-content: space-evenly;
+            justify-content: end;
             align-items: center;
             flex-grow: 5;
             li {
-                padding: 0 10px;
+                padding: 0 20px;
                 list-style-type: none;
                 a {
                     text-decoration : none;
@@ -142,12 +140,18 @@ body {
             flex-direction: column;
             justify-content: center;
             align-items: center;
+            ul {
+                justify-content: center;
+            }
+            h1 {
+                text-align: center;
+            }
         }
     }
     .sub-mid-section-cover {
         width: 100%;
         margin: 0 auto;
-
+        overflow: hidden;
         img {
             max-width: 100%;
         }
@@ -182,6 +186,7 @@ body {
 }
 .blog-list {
     list-style: none;
+    padding-left: 0;
     li {
         margin-bottom: 50px;
         .excerpt {
@@ -204,6 +209,7 @@ body {
         list-style-type: none;
         display: flex;
         flex-wrap: wrap;
+        padding-left: 0;
         li {
             margin: 10px 10px;
         }