treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Responsive Help

  • Im having two problems here
    If you look at
    http://bit.ly/Hy3rap

    and start shrinking the browser, youll notice that at some point, instead of being two columns it turns into 1 colum, but kinda of two, the "Kinda" second column, only shows one thumnail every other post.. and i dont know what to even look for to fix this..

    second problem is, if you shrink the browser all the way down to about a cell phone width, the post title gets scooted up.. and is no longer attached to the post thumb.

    uhgg.. :) any ideas?
  • ok i guess i fixed the post-title thing
    but still the column thingy ?
  • after every third article you are using
    <div style="clear:both;"></div>

    you have to remove it. or the next article will start in a new line and isnt floated to the article before.
  • Don't just remove it as I assume the clearfix is there for a reason.

    Simply add a new class to your CSS as a replacement. Such as;

    .clear {clear: both;}


    Then in your HTML;

    <div class="clear"></div>


    Then in your mobile/tablet area media queries, add the below;

    .clear {clear: none;}