format grid

  • Using the responsive grid layout. Here’s the basic code:

    <!———————NEW ROW———————>
    <div class=”row-fluid”>
    <div class=”span4″>
    </div>
    <div class=”span4″>
    </div>
    <div class=”span4″>
    </div>
    </div>
    <!——————END OF ROW———————>
    with content in each of the 3 <div>

    My problem: there’s an automatic 30px gutter between the cells, 15px on each side. Does anyone know of a way to reduce or eliminate the gutter? I have three images at the top of this page:

    https://richsride.org/frontrangefreedomtour/

    I’d like to eliminate the white space between them. Thanks.

Viewing 3 replies - 16 through 18 (of 18 total)

  • Hello both Richdixon and Mr Case,

    Well, both approaches are quite ok, in any case you can “crop” parts / images according to CSS. I do it often in responsive email.

    For example, you can have a image that is 1280 pixels wide, but control it through a simple class to max-width 900 pixels.

    And you can directly inline the image for that matter:

    <img src=”img/whatever.jpg” style=”max-width: 900px;” />

    For example,

    Good luck,

    Thread Starter richdixon

    (@richdixon)

    I think I figured it out! Used a combination of image re-sizing andd the code you folks p0rovided.

    Thanks very much. I’ll check it out on smaller devices tomorrow nd make sure it’s okay. I appreciate the help!

    You’re welcome ??

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘format grid’ is closed to new replies.