fix layouting on mobile view

Author: caesariodito

src/pages/Home.jsx

@@ -9,7 +9,7 @@ import projects from "../utils/projects";
 function Home() {
   return (
     <div className="antialiased max-w-2xl mb-40 flex flex-col md:flex-row m-auto mt-8 lg:mx-auto">
-      <div className="main flex-auto min-w-0 mt-6 flex flex-col px-2 md:px-0">
+      <div className="main flex-auto min-w-0 mt-6 flex flex-col px-2 mx-4 md:px-0">
         <Navbar />
         <Description />
         <Projects projects={projects} />

src/styles/style.css

@@ -2,12 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
 body {
   font-family: "Inter", sans-serif;
   background-color: #111010;