From 9f83f61ddf25e4201e0f17e7e2c901202a26c498 Mon Sep 17 00:00:00 2001
From: ankitkumar748846 <ankitkumar748846@gmail.com>
Date: Wed, 19 Mar 2025 00:59:57 +0530
Subject: [PATCH] fix: Hide right sidebar on smaller screens

---
 src/_layouts/default.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/_layouts/default.erb b/src/_layouts/default.erb
index 2de255b..6c153c1 100644
--- a/src/_layouts/default.erb
+++ b/src/_layouts/default.erb
@@ -23,7 +23,7 @@
           </div>
         </header>
 
-        <div class="relative flex h-full flex-col px-4 pt-14 sm:px-6 lg:px-8">
+        <div class="relative flex h-full flex-col px-4 pt-14 sm:px-6 lg:px-8 lg:pr-72">
           <main class="flex-auto">
             <article class="flex h-full flex-col pb-10 pt-16">
               <div class="flex-auto [html_:where(&>*)]:mx-auto [html_:where(&>*)]:max-w-2xl [html_:where(&>*)]:lg:mx-[calc(50%-min(50%,theme(maxWidth.lg)))] [html_:where(&>*)]:lg:max-w-3xl">
@@ -32,7 +32,7 @@
               </div>
             </article>
           </main>
-          <div class="hidden md:block sidebar text-xs fixed top-24 right-6 w-fit max-w-60 h-fit"></div>
+          <div class="hidden lg:block sidebar text-xs fixed top-24 right-6 w-60 h-fit"></div>
           <%= render "footer", locals: { metadata: site.metadata } %>
         </div>
       </div>