From ad394b4d5f632c521b097deacdbb5422d595cea7 Mon Sep 17 00:00:00 2001
From: Jyotirmay Barman <jyotirmay@developerzilla.com>
Date: Thu, 19 Oct 2023 22:31:26 +0530
Subject: [PATCH] fix: margin in right hero posts fix: remove @responsive

---
 assets/css/index.css | 2 +-
 index.hbs            | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/css/index.css b/assets/css/index.css
index 38342a1..71170cb 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -170,7 +170,7 @@ body.dark {
     margin: 0;
 }
 
-@responsive {
+@layer utilities {
     .line-clamp {
         text-overflow: ellipsis;
         overflow: hidden;
diff --git a/index.hbs b/index.hbs
index dbf0d01..18257ac 100644
--- a/index.hbs
+++ b/index.hbs
@@ -38,7 +38,7 @@
                             {{> "picture" picture_classes="block object-cover lg:min-w-48 lg:h-40 w-full aspect-[16/9] rounded transform hover:scale-105 transition duration-500" }}
                         </a>
                         <div class="sm:w-[60%] mt-4 sm:mt-0">
-                            <div class="mt-4 flex items-center gap-2 font-bold leading-sm capitalize text-indigo-500 flex-wrap md:flex-nowrap md:line-clamp">
+                            <div class="flex items-center gap-2 font-bold leading-sm capitalize text-indigo-500 flex-wrap md:flex-nowrap md:line-clamp">
                                 {{#foreach tags }}
                                     {{#if @index }}
                                         <span class="" aria-hidden="true">&bull;</span>
@@ -46,7 +46,7 @@
                                         <a href="{{url}}" class="">{{name}}</a>
                                 {{/foreach }}
                             </div>
-                            <a href="{{ url }}" class="mt-4 inline-block text-xl font-semibold">{{ title }}</a>
+                            <a href="{{ url }}" class="mt-2 inline-block text-xl font-semibold">{{ title }}</a>
                             <a href="{{ url }}" class="mt-2 text-gray-500 dark:text-gray-400 lg:hidden line-clamp-2">{{ excerpt }}</a>
                             <p class="text-sm text-gray-400 dark:text-gray-500 tracking-tight flex items-center gap-2 mt-4"> {{date}} <span class="h-1 w-1 rounded-full bg-gray-400 dark:bg-gray-600"></span> {{reading_time minute="1 min" minutes="% mins"}}</p>
                         </div>