From 507090dcbe4ae1f44c52414c6101ac9d8c5cd86f Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Fri, 13 Feb 2026 00:12:22 +0100
Subject: UI fix

---
 index-en.html | 22 +++++++++++-----------
 index.html    | 22 +++++++++++-----------
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/index-en.html b/index-en.html
index b717c23..27fdcce 100644
--- a/index-en.html
+++ b/index-en.html
@@ -162,12 +162,8 @@
                     </article>
                 </div>
 
+                <!-- reverse order class for smaller screen sizes -->
                 <div class="project-container">
-                    <img
-                        src="images/screenshot-note-book.png"
-                        alt="A screenshot of a Note Book user's book collection page"
-                        class="project-screenshot"
-                    />
                     <article class="text-container">
                         <h3 class="subtitle">Note Book</h3>
                         <p>
@@ -216,10 +212,19 @@
                             >
                         </p>
                     </article>
+                    <img
+                        src="images/screenshot-note-book.png"
+                        alt="A screenshot of a Note Book user's book collection page"
+                        class="project-screenshot"
+                    />
                 </div>
 
-                <!-- reverse order class for smaller screen sizes -->
                 <div class="project-container">
+                    <img
+                        src="images/screenshot-all-in-trips.png"
+                        alt="A screenshot of a All In Trips' landing page"
+                        class="project-screenshot"
+                    />
                     <article class="text-container">
                         <h3 class="subtitle">All In Trips</h3>
                         <p>
@@ -265,11 +270,6 @@
                             >
                         </p>
                     </article>
-                    <img
-                        src="images/screenshot-all-in-trips.png"
-                        alt="A screenshot of a All In Trips' landing page"
-                        class="project-screenshot"
-                    />
                 </div>
 
                 <!-- <div class="project-container">
diff --git a/index.html b/index.html
index 419ffcc..12781ed 100644
--- a/index.html
+++ b/index.html
@@ -165,12 +165,8 @@
                     </article>
                 </div>
 
+                <!-- reverse order class for smaller screen sizes -->
                 <div class="project-container">
-                    <img
-                        src="images/screenshot-note-book.png"
-                        alt="Ein Screenshot der Büchersammlung eines Note Book Nutzers"
-                        class="project-screenshot"
-                    />
                     <article class="text-container">
                         <h3 class="subtitle">Note Book</h3>
                         <p>
@@ -219,10 +215,19 @@
                             >
                         </p>
                     </article>
+                    <img
+                        src="images/screenshot-note-book.png"
+                        alt="Ein Screenshot der Büchersammlung eines Note Book Nutzers"
+                        class="project-screenshot"
+                    />
                 </div>
 
-                <!-- reverse order class for smaller screen sizes -->
                 <div class="project-container">
+                    <img
+                        src="images/screenshot-all-in-trips.png"
+                        alt="Ein Screenshot der Startseite von All In Trips"
+                        class="project-screenshot"
+                    />
                     <article class="text-container">
                         <h3 class="subtitle">All In Trips</h3>
                         <p>
@@ -269,11 +274,6 @@
                             >
                         </p>
                     </article>
-                    <img
-                        src="images/screenshot-all-in-trips.png"
-                        alt="Ein Screenshot der Startseite von All In Trips"
-                        class="project-screenshot"
-                    />
                 </div>
 
                 <!-- <div class="project-container">
-- 
cgit v1.2.3