Part of the grid is hidden in chrome

0

problems with chrome. At first I'm working only on localhost and Bootstrap version 3, how can I improve CSS?

In Firefox it shows the complete site, but in chrome it hides (the grid I called advertising), it is an image and the plugin of a facebook page.

Conforms to images : Image in Firefox (correct): link

Image in Chrome ( incorrect ): link

How can I fix with CSS ? or Is there another way? Thanks!

<!-- BOX - PUBLICIDADE -->
<div class="publicidade tarja">
  <div class="container">

    <!-- BOX - DELIVERY + FACEBOOK -->
    <div class="row">

      <!-- BOX - DELIVERY -->
      <div class="col-md-8 delivery">
        <img src="http://via.placeholder.com/800x340"class="img-responsive" />  
      </div><!-- col-md-8 -->

      <!-- BOX - FACEBOOK -->       
      <div class="col-md-4 facebook"> 

        <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=748328198670638"width="360" height="320" style="border:none;overflow:hidden;width:100%;" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>

      </div><!-- col-md-4 -->

    </div><!-- row -->

  </div><!-- container -->
</div><!-- publicidade -->
    
asked by anonymous 27.05.2018 / 21:38

0 answers