Grow your CSS skills. Land your dream job.

CSS Tricks layout at 768 width

  • # September 1, 2013 at 9:48 am

    I’ve never had a chance to view CSS Tricks on any other device besides desktop. I don’t own cell phone or tablet device.

    This morning I used RWD Bookmarklet to look at home page at 1024, 768, 480 and 320 width. Liked very much the responsiveness with exception of content layout at 768 width where few things don’t look right to me.

    The blog posts seem to me too narrow. In the right column after LEVEL BASED LEARNING there is a long gap which extends all the way down to the the bottom of last blog post on the left.

    After the last blog post the vertical sequence of first sponsor, Lodge and another sponsor is no longer preserved as it is at 1024 width. We got Sponsor left, Lodge right and another Sponsor below Lodge. The first sponsor on the left has also another gap below it, followed by POLL with Subscribe to it’s right.

    IMO, something likeThis would improve visual experience at 768 view port width.

    # September 2, 2013 at 11:43 am

    This should really be in Design Den ?

    But interesting point :)

    # September 6, 2013 at 10:38 pm

    Here is another variation of above, but instead using floats I tried it with display inline-block.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".