fix(responsive): add intermediate breakpoints for smoother horizontal margin scaling

Author: DeepanshKhurana

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.2] - 2025-12-01
+
+### Fixed
+
+- Responsive horizontal margins now scale smoothly across existing intermediate breakpoints (xl, lg) to prevent excessively large margins on tablets and narrow desktop windows. (#3)
+
 ## [1.2.1] - 2025-12-01
 
 ### Changed

public/content/pages/body-of-work.md

@@ -1,7 +1,7 @@
 ---
 title: "Body of Work"
 slug: "body-of-work"
-date: 2025-11-30T20:31:17.885Z
+date: 2025-12-01T06:26:47.137Z
 ---
 
 ### January 1826

public/sitemap.xml

@@ -2,43 +2,43 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://ode-demo.vercel.app/</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/about</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/body-of-work</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/references</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/reach-out</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/reader/Essays</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://ode-demo.vercel.app/reader/Metamorphosis</loc>
-    <lastmod>2025-11-30</lastmod>
+    <lastmod>2025-12-01</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>

src/styles/global.scss

@@ -6,6 +6,14 @@ body {
   margin: 2rem 16rem;
   @include mixins.theme(light);
 
+  @include mixins.respond-to-max(xl) {
+    margin: 2rem 8rem;
+  }
+
+  @include mixins.respond-to-max(lg) {
+    margin: 2rem 4rem;
+  }
+
   @include mixins.respond-to-max(md) {
     margin: 1rem 2rem;
   }