⬆️ Update App

Author: José Guilherme

src/App.css

@@ -16,6 +16,12 @@
   --soft-pink: #f2ced8;
 }
 
+html,
+body {
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
 .App {
   position: relative;
 }
@@ -26,6 +32,10 @@
   width: 100%;
 }
 
+.topbar-offset {
+  height: 50px;
+}
+
 body {
   height: 100% !important;
   font-family: "Ubuntu", sans-serif;

src/App.tsx

@@ -28,8 +28,9 @@ function App() {
         <BrowserRouter>
           <Navbar />
           <WhatsappButton />
+          <div className="lg:hidden topbar-offset"></div>
           <div className="app-content">
-            <div className="sidebar-offset"></div>
+            <div className="hidden lg:block sidebar-offset"></div>
             <AnimatedRoutes />
           </div>
         </BrowserRouter>