From c4960dc0232c57b7edc3a7ea313ee1ee4a2ffc79 Mon Sep 17 00:00:00 2001
From: Sid <122173059+hugo-sid@users.noreply.github.com>
Date: Wed, 6 Dec 2023 01:23:57 +0000
Subject: [PATCH] fix: fix post title width on small screens closes #136

---
 assets/sass/_layout.scss                               | 4 ++++
 exampleSite/content/en/posts/math-typesetting/index.md | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss
index 72371bd0..f3b88894 100644
--- a/assets/sass/_layout.scss
+++ b/assets/sass/_layout.scss
@@ -71,6 +71,10 @@
     font-weight: normal;
     letter-spacing: 0.1px;
 
+    @include media-query($on-mobile) {
+      max-width: 15rem;
+    }
+
     a {
       color: $text-base-color;
       transition: all 150ms ease-in 0s;
diff --git a/exampleSite/content/en/posts/math-typesetting/index.md b/exampleSite/content/en/posts/math-typesetting/index.md
index ab528d31..8e1996ad 100644
--- a/exampleSite/content/en/posts/math-typesetting/index.md
+++ b/exampleSite/content/en/posts/math-typesetting/index.md
@@ -1,6 +1,6 @@
 ---
 author: Hugo Authors
-title: Math Typesetting
+title: Math Typesetting - use Mathematical notation in blog posts
 date: 2023-04-01
 description: A brief guide to setup KaTeX
 math: true