From c2461c07f84ae63677b6a0ff951258ad524f06e4 Mon Sep 17 00:00:00 2001
From: Ferdinand Prantl <prantlf@gmail.com>
Date: Fri, 16 Jun 2023 21:25:06 +0200
Subject: [PATCH] Fix the layout on smartphones

Prevent horizontal overflow of some elements by letting them
wrap or by shrinking their width.
---
 app.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app.css b/app.css
index 9cdd8f812..10bccd957 100644
--- a/app.css
+++ b/app.css
@@ -730,11 +730,16 @@ textarea:focus {
 	top: -5px
 }
 
-.landing .section .block pre {
+.landing .section .block pre,
+.landing .section .block code {
 	white-space: pre-wrap;
 	word-break: break-word
 }
 
+.landing .section .block img {
+	max-width: 100%
+}
+
 .landing ul {
 	padding-inline-start: 22px
 }
@@ -930,7 +935,8 @@ position:absolute; right:0px; top:50px; text-align:center; display:block; width:
 	flex-direction: column;
 }
 .news .container {
-	display: flex
+	display: flex;
+	flex-wrap: wrap
 }
 .news_header{
 	text-align:center;