templates/layouts/brands.html.twig line 1

Open in your IDE?
  1. <!--==================================================-->
  2. <!-- Start Brand Area -->
  3. <!--==================================================-->
  4. <div class="brand-area" style="background-color: #ffffff;">
  5.     <div class="container">
  6.         <div class="row">
  7.             <div class="brand-list owl-carousel">
  8.                 {% for brand in partners %}
  9.                     <div class="col-md-12">
  10.                         <div class="single-brand-box">
  11.                             <div class="brand-thumb">
  12.                                 <img src="{{ asset('uploads/partners/' ~ brand.thumb) }}" alt="">
  13.                             </div>
  14.                         </div>
  15.                     </div>
  16.                 {% endfor %}
  18.             </div>
  19.         </div>
  20.     </div>
  21. </div>
  22. <!--==================================================-->
  23. <!-- End Brand Area -->
  24. <!--==================================================-->
  26. <style>
  27.     .brand-thumb {
  28.         display: flex;
  29.         justify-content: center;
  30.         align-items: center;
  31.         height: 100px; /* Ajustez cette valeur à la hauteur souhaitée */
  32.     }
  34.     .brand-thumb img {
  35.         max-height: 100%;
  36.         max-width: 100%;
  37.         height: auto;
  38.         width: auto;
  39.         object-fit: contain; /* Assure que l'image est contenue dans les dimensions spécifiées sans déformation */
  40.     }
  43. </style>