From ac590ab526bfb8c193dfda81c693501415f93322 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <me@hazemkrimi.tech>
Date: Sat, 24 Jan 2026 16:30:31 +0100
Subject: [PATCH] chore: styles improvements for image aspect ratio and line
 height

---
 assets/css/baseof.css | 2 +-
 assets/css/single.css | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/baseof.css b/assets/css/baseof.css
index 915d16e..cc9a384 100644
--- a/assets/css/baseof.css
+++ b/assets/css/baseof.css
@@ -42,7 +42,7 @@
 body {
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
-  line-height: normal;
+  line-height: 1.5;
   -webkit-font-smoothing: antialiased;
 
   background-color: var(--background);
diff --git a/assets/css/single.css b/assets/css/single.css
index 1a5d094..93b45fa 100644
--- a/assets/css/single.css
+++ b/assets/css/single.css
@@ -33,6 +33,12 @@ main #content .highlight pre {
   padding: 0rem;
 }
 
+main #content img {
+  width: 100%;
+  aspect-ratio: 4 / 3;
+  object-fit: cover;
+}
+
 @media only screen and (max-width: 1024px) {
   main #container {
     display: block;