remove horizontal extra space

Author: jonhealy1

src/App.css

@@ -27,16 +27,3 @@
 .App-link {
   color: #61dafb;
 }
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.main-header {
-  color: blue;
-}

src/components/Header.js

@@ -18,7 +18,7 @@ const Header = () => {
             <img
               src={logo}
               alt="StacChain Logo"
-              className="scale-150 h-28 sm:h-36 md:h-48 mb-4 ml-24 mt-12"
+              className="scale-150 sm:scale-150 h-28 sm:h-36 md:h-48 mb-4 ml-0 sm:ml-24 mt-12 max-w-full"
             />
           </div>
 

src/index.css

@@ -17,6 +17,7 @@
 /* Apply the font and remove conflicting styles */
 body {
   @apply font-serif;
+  @apply overflow-x-hidden;
   margin: 0;
   /* Removed explicit font-family to prevent override */
   -webkit-font-smoothing: antialiased;