From 97103aee3108af552240fcbbbe77a252830f4aec Mon Sep 17 00:00:00 2001
From: "user@node5.net" <user@node5.net>
Date: Tue, 16 Sep 2025 22:36:22 +0200
Subject: Style - Low width move text underneath image

---
 blog.node5.net/static/folder.css     | 25 ++++++++++++++++++++++++-
 blog.node5.net/templates/folder.html |  1 +
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/blog.node5.net/static/folder.css b/blog.node5.net/static/folder.css
index a66bfb7..4c628e0 100644
--- a/blog.node5.net/static/folder.css
+++ b/blog.node5.net/static/folder.css
@@ -1,10 +1,11 @@
 .entry {
 	display: flex;
-	margin-bottom: 1em;
+  flex-wrap: wrap; /* Allow title to flow to next line, in case of space constraints */
 }
 
 .entry > a {
 	text-decoration: none;
+  width: fix-content;
 }
 
 .entry-text {
@@ -27,3 +28,25 @@ ol {
 	text-align: center;
 }
 
+.entries > hr {
+  color: #4443;
+  margin:1em;
+}
+
+h4 {
+  margin: 0;
+}
+
+h4 > p {
+  margin-bottom: 0;
+}
+
+@media screen and (max-width: 50rem) {
+  .entry > * {
+    width: 100%;
+  }
+  .entry > a > img {
+    width: 100%;
+    margin-bottom: 0.5em;
+  }
+}
diff --git a/blog.node5.net/templates/folder.html b/blog.node5.net/templates/folder.html
index 4f93862..97c92a2 100644
--- a/blog.node5.net/templates/folder.html
+++ b/blog.node5.net/templates/folder.html
@@ -22,6 +22,7 @@
 				</div>
 			</a>
 		</li>
+    <hr>
 		{% endfor %}
 	</ol>
 
-- 
cgit v1.3.1