fix extra white space on right

IIITKalyaniFOSC · Jul 11, 2024 · fc5b40f · fc5b40f
1 parent 6c4c6f0
commit fc5b40f
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
     <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
     <title>Status Code 1 | IIIT Kalyani</title>
   </head>
-  <body class="overflow-x-hidden">
+  <body class="">
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

diff --git a/src/App.css b/src/App.css
@@ -2,7 +2,7 @@
 #root {
   /* text-align: center; */
   background-color: #040842;
-  height: 100%;
+  /* height: 100%; */
 }
 
 

diff --git a/src/components/Cp/Cp.jsx b/src/components/Cp/Cp.jsx
@@ -54,7 +54,7 @@ const SimpleSlider = ({ images, direction }) => {
   }, []);
 
   return (
-    <div className="slider-container w-screen relative p-0">
+    <div className="slider-container w-full relative p-0">
       <div
         className={`slider w-fit ${direction === 'left' ? 'slide-left' : 'slide-right'}`}
         style={{

diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx
@@ -55,7 +55,7 @@ const Faq = () => {
 
   return (
     <section id='faq' className='max-[768px]:pt-[60px] pt-[95px]'>
-      <div className="relative w-screen flex items-start justify-center">
+      <div className="relative w-full flex items-start justify-center">
         <div className="relative z-10 text-left mx-4 md:mx-8 lg:mx-12 xl:mx-20 w-full max-w-[1280px]">
           <h1 className="text-[#9E9E9E] text-2xl md:text-4xl xl:text-5xl m-0">
             $ ./<span id="heading-rules" className="text-white">FAQ</span>

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -51,7 +51,7 @@ export default function Navbar(){
             <img className="min-[768px]:hidden sm:w-[50px] max-[450px]:w-[35px] max-[540px]:w-[40px] max-[640px]:w-[50px]" src={iiit_logo_mobile}></img>
 
         </nav>
-        <div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px] mr-8">
+        <div className=" absolute right-0 max-[540px]:mt-[22px] mt-[39px] w-[50px]">
         <SwipeableTemporaryDrawer/>
         </div>
         </section>

diff --git a/src/components/Schedule/Schedule.jsx b/src/components/Schedule/Schedule.jsx
@@ -73,7 +73,7 @@ function Schedule() {
             <div
                 id="schedule"
                 name="schedule"
-                className="w-screen py-10 bg-transparent font-vt323 bg-no-repeat"
+                className="w-full py-10 bg-transparent font-vt323 bg-no-repeat"
                 style={{
                     // backgroundImage: `url('/src/assets/images/discord/stars.svg')`,
                     // backgroundPosition: `${50 + bgPosition.x}% ${50 + bgPosition.y}%`,