changed the order of the containers

css/style.css

@@ -56,7 +56,7 @@ h1 {
 
 /*Content Classes*/
 .main_text {
-	order: 1;
+	order: 0;
 	padding: 15px;
 	margin: 3%;
 	text-align: left;
@@ -75,8 +75,8 @@ h1 {
 	/*border: 0.5px solid rgb(227, 27, 143);*/
 }
 
-.contacts {
-	order: 2;
+.projects {
+	order: 1;
 	padding: 2%;
 	margin: 3%;
 	text-align: left;
@@ -85,8 +85,9 @@ h1 {
 	align-self: flex-start;
 	color: white;
 }
-.projects {
-	order: 3;
+
+.contacts {
+	order: 2;
 	padding: 2%;
 	margin: 3%;
 	text-align: left;

index.html

@@ -22,6 +22,13 @@
 				<p>I'm BaumSplitter41, I'm am an IT student from germany.</p>
 				<p>This is my little personal website.</p>
 			</div>
+			
+			<div class="projects">
+				<h2>Projects</h2>
+				<p>Little projects I worked on or currently working on.</p>
+				<p> <a style="color:inherit; text-decoration: none;" href="https://github.com/baumsplitter41">• Git repositories</a></p>
+				<p> <a style="color:inherit; text-decoration: none;" href="https://vicepd-fivem.de/">• VicePD Fivem Server</a></p>
+			</div>
 
 			<div class="contacts">
 				<h2>Contact</h2>
@@ -30,12 +37,7 @@
 				<p>• Matrix: @baumsplitter41:baumsplitter41.eu</p>
 				<p>• Discord: baumsplitter41</p>
 			</div>
-			<div class="projects">
-				<h2>Projects</h2>
-				<p>Little projects I worked on or currently working on.</p>
-				<p> <a style="color:inherit; text-decoration: none;" href="https://github.com/baumsplitter41">• Git repositories</a></p>
-				<p> <a style="color:inherit; text-decoration: none;" href="https://vicepd-fivem.de/">• VicePD Fivem Server</a></p>
-			</div>
+
 		</div>
 
 		<div class="img_container">