Profile

frontend/learnlink/src/css/Profile.css

+.user-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 2rem;
+}
+
+.user-name {
+    background: lightblue;
+    width: 20rem;
+    padding: 1em;
+    border-radius: 0.5rem;
+}
+
+.user-info {
+    width: 20rem;
+    font-size: 1rem;
+}
\ No newline at end of file

frontend/learnlink/src/css/navbar.css

 .navbar {
     text-decoration: none;
+    position: sticky;
+    top: 0;
+    left: 0;
 }
\ No newline at end of file

frontend/learnlink/src/pages/Profile.js

 import React, {use, useEffect, useState} from 'react';
 import {getAllUsers, getUser} from '../lib/db';  // Hier importieren wir die getAllUsers Funktion
+import '../css/Profile.css';
 
 export default function Profile() {
     const [user, setUser] = useState({});
@@ -19,7 +20,7 @@ export default function Profile() {
                 <h1>{user.name}</h1>
             </div>
             <div className="user-info">
-                <h2>{user.location}</h2>
+                <p>{user.location}</p>
             </div>
         </div>
     );