fix

css/global.css

@@ -1,19 +1,19 @@
 @import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,[email protected],500&family=JetBrains+Mono:wght@500&display=swap");
 
-*::-webkit-scrollbar {
-  display: none;
-}
-
 * {
   font-family: "JetBrains Mono", monospace;
   scroll-behavior: smooth;
-  overflow-x: hidden;
 }
 
 .dm-sans {
   font-family: "DM Sans", sans-serif;
 }
 
+body::-webkit-scrollbar {
+  overflow-x: hidden;
+  display: none;
+}
+
 body {
   height: 100vh;
   color: #e3e3e3;

index.html

@@ -34,11 +34,11 @@ <h4 class="appear">PORTFOLIO</h4>
           <h1 class="dm-sans">ABOUT ME</h1>
         </div>
         <div class="row pt-3 justify-content-center">
-          <div class="col-10 col-md-4 appear">
+          <div class="col-10 col-md-5 appear">
             <h3 class="typewrite2 appear">MUHAMMAD RIFZKHY ALL FHAYED</h3>
             <p class="typewrite3 pt-3 appear"></p>
             </div>
-          <div class="col-0 col-md-4 appear">
+          <div class="col-0 col-md-5 appear">
             <div class="card" data-tilt>
               <img loading="lazy" src="./src/rifzkhy.webp" class="profile-pics">
               <div class="card-body">
@@ -80,7 +80,7 @@ <h3 class="typewrite2 appear">MUHAMMAD RIFZKHY ALL FHAYED</h3>
           <h1 class="dm-sans">EDUCATION</h1>
         </div>
         <div class="row pt-3 justify-content-center">
-          <div class="col-md-4">
+          <div class="col-10 col-md-6">
 <div class="smk pt-2 appear">
   <h5>2010 - 2011</h5>
   <p>TK Babul Jannah Sampit</p>
@@ -98,7 +98,7 @@ <h5>2020 - 2023</h5>
   <p>SMK Negeri 1 Sampit</p>
 </div>
           </div>
-          <div class="col appear">
+          <div class="col-10 col-md-6 appear">
             <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
               <div class="carousel-inner">
                 <div class="carousel-item active">