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

Open in your IDE?
  1. <style>
  2.      /* 画面サイズが768px以上の場合の設定 */
  3.     @media (min-width: 768px){
  4.         .line_consultation  {
  5.             display: block;
  6.             margin: 20px auto; /* 上下に10pxのマージンを追加、左右はautoで中央寄せ */
  7.             width:1260px;
  8.             height:100px;
  9.         }
  10.         .line_consultation img {
  11.             display: block;
  12.             margin: 10px;
  13.             height: 100px; /* 画像の幅を指定 */
  14.             float: left;
  15.         }
  16.     }
  18.      /* 画面サイズが768px未満の場合の設定 */
  19.     @media (max-width: 767px){
  20.         .line_consultation{
  21.             display: block;
  22.         }
  23.         .line_consultation img {
  24.             display: block;
  25.             width: 80% !important; /* 画像の幅を指定 */
  26.             margin: 20px auto; /* 上下に10pxのマージンを追加、左右はautoで中央寄せ */
  27.             float: none;
  28.         }
  29.     }
  30. </style>
  32. <div class="line_consultation">
  33.     <a href="/user_data/line_consultation"><img src="/html/user_data/assets/img/line.png" alt="LINE相談" style="width:635px;"></a>
  34.     <a href="/user_data/window_renovation"><img src="/html/user_data/assets/img/plus_hojo.png" alt="先進的窓リノベ補助金" style="width:545px;"></a>
  35. </div>
  36. <br style="clear:both;"/>