fixed minor error

index.html

@@ -154,10 +154,10 @@
     <section class="container-xxl">
       <div class="text-center my-2">
         <a class="d-none d-lg-inline" href="views/about/blog.html">
-          <h1 class="h1-title h-underline">News &#38; Events</h1>
+          <h1 class="h1-title h-underline d-inline">News &#38; Events</h1>
         </a>
-        <a class="d-block d-lg-none" href="views/about/blog.html">
-          <h1 class="h1-title h-underline">Events</h1>
+        <a class="d-inline d-lg-none" href="views/about/blog.html">
+          <h1 class="h1-title h-underline d-inline">Events</h1>
         </a>
       </div>
     </section>
@@ -166,7 +166,7 @@ <h1 class="h1-title h-underline">Events</h1>
       <div class="d-flex align-items-center justify-content-center flex-column min-h-540px">
         <!--main row with carousel start-->
         <div class="row min-h-312px">
-          <div class="col-md-12">
+          <div class="col-md-12 mb-3 mb-lg-auto">
             <div id="news-carousel" class="carousel slide" data-bs-ride="carousel">
               <div class="carousel-indicators d-none d-md-flex mb-0 mb-lg-1 m-reset-rl bg-dark rounded">
                 <button type="button" data-bs-target="#news-carousel" data-bs-slide-to="0" class="active"
@@ -291,7 +291,7 @@ <h5 class="text-truncate mx-5">White breakfast</h5>
           <!---------col-1 end----------->
 
           <!---------col-2 start---------->
-          <div class="col-12 col-lg-5 p-auto ps-lg-0 my-2 mx-auto min-h-208px">
+          <div class="col-12 col-lg-5 p-auto ps-lg-0 my-3 my-lg-2 mx-auto min-h-208px">
             <a class="d-block d-lg-none" href="views/recipes/healthy-recipes.html">
               <h1 class="text-center h1-title">News recipes</h1>
             </a>