fix: padding and margin

index.html

@@ -233,11 +233,11 @@ <h2 class="font-esthetic py-2 m-0" style="font-size: 2rem;">Allah Subhanahu Wa T
         </svg>
 
         <!-- Wedding Date -->
-        <section class="bg-black text-center pb-3" id="wedding-date">
+        <section class="bg-black text-center pb-2" id="wedding-date">
             <div class="container">
                 <h2 class="font-esthetic py-4 m-0" style="font-size: 2.5rem;">Moment Bahagia</h2>
 
-                <div class="border rounded-pill shadow py-2 px-4 mt-2 mb-4">
+                <div class="border rounded-pill shadow py-2 px-4 mt-1 mb-4">
                     <!-- Ganti waktunya pada data-waktu (sesuai format tersebut) -->
                     <div class="row justify-content-center" data-time="2024-01-01 00:00:00" id="count-down">
                         <div class="col-3 p-1">
@@ -412,7 +412,7 @@ <h2 class="font-esthetic pt-2 mb-4" style="font-size: 2.5rem;">Love Gift</h2>
         <!-- Comment -->
         <section class="bg-light container my-0 pb-0 pt-2" id="comment">
 
-            <div class="border rounded-4 shadow p-3 my-2">
+            <div class="border rounded-4 shadow p-3 mb-2">
                 <h2 class="font-esthetic text-center mt-2 mb-4" style="font-size: 2.5rem;">Ucapan &amp; Doa</h2>
 
                 <div class="mb-3">
@@ -451,7 +451,7 @@ <h2 class="font-esthetic text-center mt-2 mb-4" style="font-size: 2.5rem;">Ucapa
             </div>
 
             <!-- Comments -->
-            <div class="py-3 mb-1" id="comments" data-loading="false"></div>
+            <div class="py-3" id="comments" data-loading="false"></div>
 
             <!-- Pagination -->
             <nav class="d-flex d-none justify-content-center mb-0" id="pagination">