style: Improve mobile image layout for small-world networks article

freenet · Nov 30, 2024 · 1f8bc81 · 1f8bc81
1 parent 9a0b3b4
commit 1f8bc81
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/hugo-site/content/news/small-world-networks.md b/hugo-site/content/news/small-world-networks.md
@@ -9,7 +9,9 @@ head:
       href: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css
 ---
 
-<img src="/img/handing-letter-sw.webp" alt="Handing a Letter" style="float: right; margin-left: 20px; margin-bottom: 10px; width: 300px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);">
+<div style="float: right; margin-left: 20px; margin-bottom: 10px; max-width: 300px; width: 100%;">
+    <img src="/img/handing-letter-sw.webp" alt="Handing a Letter" style="width: 100%; border: 1px solid #ccc; border-radius: 5px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);">
+</div>
 
 In the 1960s, psychologist Stanley Milgram conducted an influential experiment that revealed
 something amazing about human relationships. Milgram chose people at random in cities like Kansas