app/template/default/Block/eventbannerCol2.twig line 1

Open in your IDE?
  1. {% block main %}
  2.   {% if CustomerKbn == "seller" %}
  3.   
  4.   {% else %}
  5.       <div class="ec-shelfRole12">
  6.           <div class="col2002">
  7.               <!-- <div class="sidepic"><a href="{{ app.request.schemeAndHttpHost }}/products/list?category_id=15"><img src="{{ asset('/img/event/event01.jpg') }}" /></a></div>-->
  8.               <div class="sidepic"><a href="https://s-drea.com/customentry?et=buyer"><img src="{{ asset('/img/banner/01_banner-top/event01_450-300.jpg') }}" /></a></div>
  9.               <div class="sidepic"><a href="https://s-drea.com/customentry?et=buyer"><img src="{{ asset('/img/banner/01_banner-top/event02_450-300.jpg') }}" /></a></div>
  10.           </div>
  11.       </div>
  12.   {% endif %}
  13. {% endblock %}
  15. <style>
  16.     .col2002 {
  17.       display: grid;
  18.       grid-template-columns: repeat(2, 1fr); /* 2列のグリッド */
  19.       gap: 10px; /* イメージ間の間隔 */
  20.     }
  21.     
  22.     .sidepic {
  23.       text-align: center; /* 画像を中央揃えにするため */
  24.     }
  25.     
  26.     .sidepic img {
  27.       max-width: 100%; /* 画像を親要素に合わせてサイズ調整 */
  28.       height: auto; /* アスペクト比を維持 */
  29.     }
  32. </style>