Menu icon Foundation
Full Width and Height For Image

Is there a way to force foundation to make one of my images to take the full width and height of its container?  

After a bit of playing around I think this has to do with some of the padding on my table td.

 

Here's what I have

Here's what I want

Thanks!

 

 

images

Is there a way to force foundation to make one of my images to take the full width and height of its container?  

After a bit of playing around I think this has to do with some of the padding on my table td.

 

Here's what I have

Here's what I want

Thanks!

 

 

Ryan McCready almost 3 years ago

Hi Peekay,

You can add the class of .collapse to the row to remove the padding.

<container>
  <row class="collapse">
    <columns small="12" large="12">
      <img src="http://placehold.it/300x300" class="" height="" width="" alt="">
    </columns>
  </row>
</container>

Also, you can add CSS to force the image to fill the width:

.img {
  width: 100%;
}

Let us know how it goes!