From 5237877b4a4137bc140030a7245b68f5006db631 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Fri, 25 Aug 2023 20:44:12 +0500
Subject: [PATCH] attempt to fix multiline blog post headings on mobile

---
 style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 432e3bf..1adf44c 100644
--- a/style.css
+++ b/style.css
@@ -61,8 +61,16 @@ html, body {
 
 .wp-site-blocks h2.blog-post-heading {
   border-top: none;
+  height: revert;
+  container-type: inline-size;
 }
 
+@container (max-width: 20ch) {
+  .wp-site-blocks h2::before {
+    width: 7ch;
+  }
+} 
+
 .wp-site-blocks h2.blog-post-heading::before {
   content: "##";
   border-bottom: none;
@@ -180,7 +188,6 @@ html, body {
   }
 
   .wp-site-blocks h2.blog-post-heading::before {
-    margin-inline-end: -0.7em;
     margin-inline-start: 1em;
   }
 }