chaning layout of the contact box

css/style.css

@@ -17,8 +17,8 @@ h1 {
 	display: flex;
 	flex-direction: row;
 	flex-wrap: nowrap;
-	margin-left: 12%;
-	margin-right: 4%;
+	margin-left: 5%;
+	margin-right: 5%;
 
 	/*border: 0.5px solid rgb(208, 160, 236);*/
 }
@@ -42,6 +42,7 @@ h1 {
 	min-height: 40%;
 	display: flex;
 	justify-content: center;
+	flex-direction: column;
 	padding: 3%;
 	align-items: flex-start;
 	/*border: 0.5px solid rgb(138, 206, 186);*/

index.html

@@ -28,6 +28,11 @@
 				<p> <a target="_blank" rel="noopener noreferrer" style="color:#82A5D3; text-decoration: none;" href="https://vicepd-fivem.de/">• VicePD Fivem Server</a></p>
 			</div>
 
+
+		</div>
+
+		<div class="img_container">
+			<img src="/assets/Logo_BaumSplitter41.png" alt="Logo BaumSplitter41", class = "main_img">
 			<div class="contacts">
 				<h2>Contact</h2>
 				<p> You can contact me via the following channels:</p>
@@ -35,11 +40,6 @@
 				<p>• Matrix: @baumsplitter41:baumsplitter41.eu</p>
 				<p>• Discord: baumsplitter41</p>
 			</div>
-
-		</div>
-
-		<div class="img_container">
-			<img src="/assets/Logo_BaumSplitter41.png" alt="Logo BaumSplitter41", class = "main_img">
 		</div>
 	</div>