Styling issues

src/index.scss

@@ -4,6 +4,8 @@ html,
 :root {
   width: 100%;
   height: 100%;
+  overflow-x: hidden;
+  box-sizing: border-box;
   font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
@@ -18,6 +20,12 @@ html,
   -moz-osx-font-smoothing: grayscale;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
 a {
   font-weight: 500;
   color: #646cff;
@@ -30,16 +38,18 @@ a {
 
 body {
   margin: 0;
+  padding: 0;
   width: 100%;
   height: 100%;
+  overflow-x: hidden;
   display: flex;
   place-items: center;
-  min-width: 320px;
 }
 
 #root {
   width: 100%;
   height: 100%;
+  overflow-x: hidden;
 }
 
 h1 {