✨ Add Landingpage

2022-05-16 22:23:17 +02:00
parent f2dba0b715
commit 12dfc520c7
9 changed files with 190 additions and 3 deletions
--- a/styles/LandingPage.module.scss
+++ b/styles/LandingPage.module.scss
@@ -0,0 +1,47 @@
+.welcomeContainer {
+	width: 100%;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+
+	text-align: center;
+
+	padding: 0 2vw;
+
+	h1 {
+		color: white;
+		background-color: #6f6f6f;
+		padding: 0.5rem;
+		border-radius: 10px;
+	}
+
+	p {
+		font-size: 1.4rem;
+	}
+}
+
+.treeContainerLayout {
+	width: 100%;
+
+	padding: 0 2vw;
+	margin: 2vw 0;
+
+	display: flex;
+	justify-content: space-around;
+	align-items: baseline;
+	flex-wrap: wrap;
+
+	.container {
+		height: 300px;
+		width: 20rem;
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+
+		text-align: center;
+	}
+}