feat: Add mobile responsive styling for right-floated images

freenet · Nov 30, 2024 · 5d713f9 · 5d713f9
1 parent 1f8bc81
commit 5d713f9
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/hugo-site/themes/freenet/assets/css/freenet.css b/hugo-site/themes/freenet/assets/css/freenet.css
@@ -318,6 +318,15 @@ p.page-end-spacer {
         color: transparent;
     }
 
+    /* Mobile image handling */
+    @media screen and (max-width: 480px) {
+        div[style*="float: right"] {
+            float: none !important;
+            margin: 0 auto 20px auto;
+            display: block;
+        }
+    }
+
     .navbar-item.ghost-key:hover {
         opacity: 0.8;
     }