Rubyの各ループをレールに入れてdivの高さをコンテンツに拡張する方法は？

Question

このdivの高さを拡大するのに問題があります。ウィンドウの高さを縮小したり、モバイルデバイスから同じページを見ると、コンテンツの半分が切り取られます。私は高さを試してみました：100％と最小高さ：100％とVHを使用し、オーバーフロー：自動、何も動作しません。

<div class="col-md-9 c-center"> 
     <div id="grid-container-fullwidth" class="cbp cbp-caption-active cbp-ready processed cbp-caption-zoom cbp-cols-3 c-left" style="height:1270px"> 
     <div class="cbp-wrapper-outer"><div class="cbp-wrapper"> 
      <div style="height: 100%"> 

      <% @companies.each do |company| %> 

       <div class="cbp-item identity web-design" style="padding: 10px; width: 207px; position: relative;"><div class="cbp-item-wrapper"> 
        <div class="cbp-caption"> 
        <div class="cbp-caption-defaultWrap"> 
         <img src="<%= company.get_logo(:thumb) %>" alt=""></div> 
        <div class="cbp-caption-activeWrap"> 
         <div class="c-masonry-border"></div> 
         <div class="cbp-l-caption-alignCenter"> 
         <div class="cbp-l-caption-body"> 
          <%= link_to company, :method=>:get do %> 
           <p class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase c-btn-block">Les mer</p> 
          <% end %> 
         </div> 
         </div> 
        </div> 
        </div> 
        <p class="cbp-singlePage cbp-l-grid-masonry-projects-title"><%=link_to company.name, company%></p> 
       </div></div> 

      <% end %> 

      </div> 
     </div> 
     </div> 
     </div> 
     <div class="c-center"> 
     <%= will_paginate @companies, page_links: false, renderer: BootstrapPagination::Rails %> 
     </div> 
    </div> 

Answer 1

#grid-container-fullwidthからこれを削除しますstyle="height:1270px"