how to make images in column classes responsive

[davidxstewart]

Using eleven40.

Building a single-page menu system of four images in a 4-column layout using column classes.

How to make the images and column-classes layout responsive?  I have a tried a number of methods (e.g., gridn+1 to no avail).

http://lakesidedfw.com/amenities/

Thanks for your help.

David

 

[Marcy]

Your images are responsive; it's just that for some widths, they take up a bit more room that is available in the .page-title

Two choices:

1. change the code in .page-title from

overflow: auto;

to

overflow: hidden;

This will just keep the scroll bar from showing.

OR

2. change the code for  .one-fourth

from

.one-fourth {
width: 22.5%;
}

to

.one-fourth {
width: 22.4%;
}

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts