UPDATE - Article heading padding to be equal on all sides

Author: tauseefsshah

resources/views/articles/show.blade.php

@@ -21,10 +21,10 @@
         <div class="container mx-auto">
             <div class="px-4 lg:px-0 lg:mx-48">
                 <div
-                    class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 px-6 py-8 lg:py-6"
+                    class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray-800 p-6 lg:p-8"
                     style="background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url({{ $article->heroImage(2000,384) }});"
                 >
-                    <div class="hidden items-center justify-between pt-6 mb-28 lg:flex">
+                    <div class="hidden items-center justify-between mb-28 lg:flex">
                         <a href="{{ route('articles') }}" class="hidden items-center text-base text-white hover:underline lg:flex">
                             <x-heroicon-s-arrow-left class="w-4 h-4 fill-current" />
                             <span class="text-white ml-1 hover:text-gray-100">Back to articles</span>
@@ -59,7 +59,7 @@ class="w-full bg-center {{ $article->hasHeroImage() ? 'bg-cover' : '' }} bg-gray
                         {{ $article->title() }}
                     </h1>
 
-                    <div class="flex flex-col gap-y-2 text-white pb-4 lg:pb-12 lg:flex-row lg:items-center">
+                    <div class="flex flex-col gap-y-2 text-white lg:flex-row lg:items-center">
                         <div class="flex items-center">
                             <x-avatar :user="$article->author()" class="w-6 h-6 rounded-full mr-3" />