wip

code/frontend/src/pages/About.tsx

@@ -3,11 +3,9 @@ import "./about.css";
 function About() {
 	return (
 		<div className="mainbox">
-			<img
-				style={{ height: "200px", position: "relative" }}
-				src="/assets/icons/feather_black.svg"
-				alt="featherIcon"
-			/>
+			<h1 className="about-title color-orange">
+				About<br></br>Feather Feed
+			</h1>
 		</div>
 	);
 }

code/frontend/src/pages/about.css

@@ -10,6 +10,11 @@
 	}
 }
 
+.about-title {
+	flex-direction: row;
+	justify-content: start;
+}
+
 /* TODO Entfernen vor final*/
 .test {
 	height: 100vh;

code/frontend/src/styles/colors.css

@@ -40,3 +40,7 @@ body {
 .edit-icon {
   color: var(--Rotkehlchen-brown-light);
 }
+
+.color-orange {
+	color: var(--Rotkehlchen-orange-default);
+}