how to make images in column classes responsive

Community Forums Forums Design Tips and Tricks how to make images in column classes responsive

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Marcy 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22732

    davidxstewart
    Participant

    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

     

    #36444

    Marcy
    Participant
    Post count: 286

    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%;
    }


    • This reply was modified 1 year, 4 months ago by  Marcy.
    • This reply was modified 1 year, 4 months ago by  Marcy.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.