Grow your CSS skills. Land your dream job.

Vertical rhythm in responsive design

  • # January 6, 2013 at 9:43 am

    I have those two classes, b3 full and b3 p3 full side by side above 768px width. Each has a heading and paragraph. At 768px width and below they become 100% wide and my question is: Should I increase margin on the last paragraph in first section before next H2 heading or leave it as is? What’s the proper way. Should there be more vertical space between them? [Here’s the link…](http://codepen.io/jiri/full/aGsrm “”)

    # January 6, 2013 at 9:45 am

    I think the space is fine, what you could do if you want to really break them up is having a border-top appear when on mobile – but it really depends on if they’re completely separate elements or if it’s a continuous flow of information.

    # January 6, 2013 at 9:52 am

    @andy_unleash, thanx for your opinion and suggestions, I appreciate specially about ” continuous flow of info or separate topic” haven’t thought of it this way :) will keep that in mind

    # January 6, 2013 at 10:00 am

    Perfectly fine as it is. If the spacing was increased, then the vertical rhythm would appear off.

    # January 6, 2013 at 10:05 am

    @joshuanhibbert, thanx Josh, your opinions mean always lot to me.

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

You must be logged in to reply to this topic.

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