Solved Remove horizontal scrolling from main page on small screen #203 (#204)

* [fixed] Added right margin #203

* [fixed] splide sponsor carousel container margin #203

* [fixed] splide sponsor carousel container margin #203

---------

Co-authored-by: Jay <[email protected]>

Author: Priyank-Aggarwal1024

scss/home.scss

@@ -57,7 +57,7 @@ a.button {
 }
 
 main {
-  margin-left: calc(var(--margin) / 2);
+  margin: 0 calc(var(--margin) / 2);
   width: calc(100vw - var(--margin));
   min-height: 100vh;
   display: flex;
@@ -237,7 +237,7 @@ html[dir="rtl"] {
 .splide {
   height: 9rem;
   padding: 0 45px;
-  margin: 0 -55px;
+  margin: 0 calc(-1 * var(--margin) / 2);
 }
 
 li.sponsor-card {

scss/sponsors.scss

@@ -21,7 +21,7 @@ body.dark {
 /*  background-color: var(--carousel-bg);*/
   border-radius: 5px;
   padding: 0 55px;
-  margin: 0 -55px;
+  margin: 0 calc(-1 * var(--margin) / 2);
 
   .splide__arrows {
     visibility: hidden;