logo order

public/css/styles.css

@@ -260,6 +260,16 @@ hr {
 	align-items: center;
 }
 
+#index-support-prio-top {
+	flex-direction: row;
+	display: flex;
+	gap: 25px;
+	margin-top: 50px;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	align-items: center;
+}
+
 .index-support-img {
 	width: 100px;
 	height: auto;
@@ -867,13 +877,18 @@ animation: 2s fadeInUp;
 
 	
 	#index-support {
-		order: -3;
+		order: -5;
 	}
 
 	#index-support-prio {
-		order: 2;
+		order: -4;
 	}
 
+	#index-support-prio-top {
+		order: -3;
+	}
+
+
 	.index-prio-img {
 		width: 100px;
 		height: auto;

templates/index.html

@@ -42,7 +42,7 @@
 				<a href="https://www.instagram.com/betafest_irl/" target="_blank"><span>↑ instagram</span></a>
 			</div>
 
-			<div id="index-support-prio">
+			<div id="index-support-prio-top">
 				{% for img in prio_img_top %}
 				<div class="index-prio-img">
 					<img src="{{ url_for('static', filename='images/support/' + img) }}">