Cambios de estilos en Bootstrap | Cambio de nombre de clases

index.html

@@ -28,7 +28,7 @@
             <div id="user-large" class="col-lg-3 d-lg-block d-none text-end">
                 <div class="user">
                     <i class="fa-regular fa-user pe-2 text-white fs-5"></i>
-                    <a class="text-white fs-5 text-decoration-none" id="user_icon" href="./pages/login.html">Ingresa a tu cuenta</a></div>
+                    <a class="text-white fs-5" id="user_icon" href="./pages/login.html">Ingresa a tu cuenta</a></div>
             </div>
             <div class="col-4 col-lg-4 d-flex justify-content-end">
                 <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -61,7 +61,7 @@
             </div>
         </div>
         <div class="mt-5 d-flex justify-content-center flex-column">
-            <div class="section-title" id="veggie">
+            <div class="section-title mb-3" id="veggie">
                 <span class="position-relative text-black">Cocina rico con estas recetas </span><i>Vegetarianas</i>
             </div>
             <div class="section-content mt-3 mx-5">
@@ -116,7 +116,7 @@
             </div>
         </div>
         <div class="mt-5 d-flex justify-content-center flex-column">
-            <div class="section-title" id="trending">
+            <div class="section-title mb-3" id="trending">
                 <span class="position-relative text-black">Las mejores recetas las encontras en </span><i>Tendencias</i>
             </div>
             <div class="section-content mt-3 mx-5">
@@ -171,7 +171,7 @@
             </div>
         </div>
         <div class="mt-5 d-flex justify-content-center flex-column">
-            <div class="section-title" id="postres">
+            <div class="section-title mb-3" id="postres">
                 <span class="position-relative text-black">Recetas para preparar los mejores </span><i>Postres</i>
             </div>
             <div class="section-content mt-3 mx-5">
@@ -246,8 +246,8 @@ <h2>Categorías</h2>
             <div class="footer-section col-12 col-md-4 px-5 text-center text-md-start">
                 <h2>Conocenos</h2>
                 <ul>
-                    <li><a class="text-white text-decoration-none" href="./pages/nosotros.html">Nosotros</a></li>
-                    <li><a class="text-white text-decoration-none" href="#">Preguntas Frecuentes</a></li>
+                    <li><a class="text-white" href="./pages/nosotros.html">Nosotros</a></li>
+                    <li><a class="text-white" href="#">Preguntas Frecuentes</a></li>
                 </ul>
             </div>
         </div>