Fedora TestCommit

react-lernkarten-schulung/package-lock.json

@@ -664,9 +664,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -684,9 +681,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -704,9 +698,6 @@
         "ppc64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -724,9 +715,6 @@
         "s390x"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -744,9 +732,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -764,9 +749,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1783,9 +1765,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1807,9 +1786,6 @@
         "arm64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1831,9 +1807,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "glibc"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -1855,9 +1828,6 @@
         "x64"
       ],
       "dev": true,
-      "libc": [
-        "musl"
-      ],
       "license": "MPL-2.0",
       "optional": true,
       "os": [

react-lernkarten-schulung/src/App.css

@@ -1,11 +1,20 @@
+* {
+  margin: 0;
+}
+
 #root {
   min-height: 100vh;
 }
 
 .site-shell {
-  display: flex;
-  min-height: 100vh;
-  flex-direction: column;
+  display: grid;
+  height: 100vh;
+  grid-auto-rows: auto 1fr auto;
+}
+
+main {
+  overflow: auto;
+  width: 100vw;
 }
 
 .site-header {

react-lernkarten-schulung/src/App.jsx

@@ -71,7 +71,8 @@ function App() {
       <div className="site-shell">
         <Header />
 
-        <main className="page-container">
+        <main>
+          <div className="page-container">
           <Routes>
             <Route
               path="/"
@@ -115,6 +116,7 @@ function App() {
               element={<NotFoundPage />}
             />
           </Routes>
+          </div>
         </main>
 
         <footer className="site-footer">