Home css bounce

01-frontend/src/App.tsx

@@ -26,7 +26,6 @@ export default function App() {
           <BasketProvider>
             <BrowserRouter>
               <NavBar />
-              <div className='navbar-offset' />
               <Routes>
                 <Route path="/" element={<Home />} />
                 <Route path="*" element={<NoPage />} />

01-frontend/src/helper/NavBar.css

@@ -2,7 +2,7 @@
 .navbar {
     background-color: #1976d2; /* Material-UI Primary Color */
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-    position: absolute;
+    position: fixed;
     top: 0;
     height: 3rem;
 }

01-frontend/src/pages/pages.css

@@ -55,7 +55,7 @@
 
 .page-background {
     background-color: var(--background-color);
-    height: calc(100vh - 3rem);
+    height: calc(100vh);
     min-height: 600px;
     display: flex;
     flex-direction: column;
@@ -123,10 +123,8 @@
     display: flex;
     align-items: stretch;
     width: 100%;
-    overflow: auto !important;
     scroll-behavior: smooth;
-    height: calc(100vh - 30rem);
-    min-height: 6000px;
+    height: 100vh;
     box-sizing: border-box;
     color: grey;
 }