Problema de alineación de cajas en sección 'You May Also Like'

  • Autor Autor Morgabe
  • Fecha de inicio Fecha de inicio
Morgabe

Morgabe

Dseda
Programador
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola!! llevo ya buen rato con el diseño este y en la sección de you may also like hay dos cajas con dos productos, deberían salir los dos contenedores en horizontal, pero sale uno debajo de otro.

Están todos los parámetros puestos para que salga bien, no sé que falla, es bootstrap,

Gracias de antemano

 
Reemplaza el código desde <div class="ymal"> Por este otro:
Insertar CODE, HTML o PHP:
<div class="ymal">
  <center>
    <h5 class="price-product">You may also like</h5>
  </center>
</div>
<div class="row">
  <div class="col-md-6 product-div">
    <a class="category-store ui-link" href="category.html">Designs, </a><a class="category-store ui-link"
      href="category.html">Pictures</a><br>
    <a class="pictitle-store ui-link" href="category.html">Pic Title </a>
    <p></p>
    <div class="hovereffect">
      <img src="assets/img/slide/slide5.jpg" class="principal-image-1 principal-image d-block w-100" alt="...">
      <div class="overlay">
        <p class="icon-links">
          <a href="#" class="ui-link">
            <i class="icon-product fas fa-random" aria-hidden="true"></i>
          </a>
          <a href="#" class="ui-link">
            <i class="icon-product far fa-heart" aria-hidden="true"></i>
          </a>
        </p>
      </div>
    </div>

    <div class="row">
      <div class="down-image col-md-6">
        <i style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="far fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><br>
        <span class="title-product-span">$120</span><span class="sub-title-product-span">$200</span>
      </div>
      <div class="down-image col-md-6">
        <button type="button" class="float-right btn btn-add-to-cart ui-btn ui-shadow ui-corner-all">Add to
          cart</button>
      </div>
    </div>
  </div>
  <div class="col-md-6 product-div">
    <a class="category-store ui-link" href="category.html">Designs, </a><a class="category-store ui-link"
      href="category.html">Pictures</a><br>
    <a class="pictitle-store ui-link" href="category.html">Pic Title </a>
    <p></p>
    <div class="hovereffect">
      <img src="assets/img/slide/slide9.jpg" class="principal-image-1 principal-image d-block w-100" alt="...">
      <div class="overlay">
        <p class="icon-links">
          <a href="#" class="ui-link">
            <i class="icon-product fas fa-random" aria-hidden="true"></i>
          </a>
          <a href="#" class="ui-link">
            <i class="icon-product far fa-heart" aria-hidden="true"></i>
          </a>
        </p>
      </div>
    </div>

    <div class="row">
      <div class="down-image col-md-6">
        <i style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="fas fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><i
          style="color: rgb(253, 186, 45); --darkreader-inline-color:#fdbe39;" class="far fa-star"
          data-darkreader-inline-color="" aria-hidden="true"></i><br>
        <span class="title-product-span">$120</span><span class="sub-title-product-span">$200</span>
      </div>
      <div class="down-image col-md-6">
        <button type="button" class="float-right btn btn-add-to-cart ui-btn ui-shadow ui-corner-all">Add to
          cart</button>
      </div>
    </div>
  </div>
</div>
 
1.webp
 
Atrás
Arriba