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

Open in your IDE?
  1. {% block main %}
  2. <style>
  3.   .main_box_ltd {
  4.   display: flex;    
  5.   flex-wrap: wrap;
  6.   justify-content: space-around;    
  7.   width: 100%;
  8.   height: auto;
  9.   background: linear-gradient(180deg, #990000 5%, #cc0000 95%);
  10.   position: relative;
  11.   {#margin-top: 2vw;#}
  12. }
  13. .box_ltd{
  14.   display: flex;    
  15.   flex-wrap: wrap;      
  16.   justify-content: space-around;    
  17.   background-color: ;
  18.   width: 900px;
  19.   margin-top: 4px;
  20.   margin-bottom: 4px;
  21.   text-align: center;
  22. }
  23. .box_ltd2{
  24.   background-color: #fff;
  25.   width: auto;
  26.   height: 100px;
  27.   border-radius: 6px;
  28.   margin-top: 4px;
  29.   margin-bottom: 4px;
  30.   margin-left: auto;
  31.   margin-right: auto;
  32.   color: #ffffff;
  33. }
  34. .fit-picture_ltd {
  35.   width: auto;    
  36.   height: 100%;
  37.   border-radius: 6px ;
  38.   border: 1px solid #fff ;
  39. }
  40. </style>
  42. <div class="main_box_ltd">
  43.     <div class="box_ltd">
  44.         <div class="box_ltd3">
  45.             </div>
  46.             <div class="box_ltd2">
  47.                 <a href="https://www.nakatomishop.com/products/detail/1395">
  48.                 <img class="fit-picture_ltd" src="https://nakatomishop.sakura.ne.jp/prod/merchandiseimage/25summer/SAC-2500LTD_340_100.png"></a>
  49.             </div>    
  50.         <div class="box_ltd2">
  51.             <a href="https://www.nakatomishop.com/products/detail/1396">
  52.             <img class="fit-picture_ltd" src="https://nakatomishop.sakura.ne.jp/prod/merchandiseimage/25summer/SAC-2900LTD_340_100.png"></a>            
  53.         </div>
  54.     </div>    
  55. </div>        
  57. {% endblock %}