The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

show divs next to each other

  • # June 26, 2013 at 6:10 am


    On the homepage of my website there are 4 blogposts showing. I would like to display the title and excerpt of the post on the right of the image so that it’s horizontal instead of vertically displayed.

    The design needs to stay responsive.

    Thank you!

    # June 26, 2013 at 6:36 am

    Link does not work.

    # June 26, 2013 at 6:47 am

    Excuse me, it’s

    # June 26, 2013 at 6:55 am

    To start, your div `.omc-half-width-category` is only 290px wide.

    You will need to increase the width to 580px (double) otherwise the text won’t fit to the right of the image.

    # June 26, 2013 at 7:02 am

    Here’s the basics as I see it.

    If you float all of the items inside the article (and use a clearfix) it can be done.

    # June 27, 2013 at 4:20 am

    awesome thanks!

    one more thing: I added a “read more” button. how can I set the size of the button. I would like it to be a bigger button. If I set a width or height to the button a element it doesn’t change. Thanks!

    # June 27, 2013 at 4:34 am

    Try adding some padding to

    h1.button a

    on line 108 of your stylesheet

    # June 27, 2013 at 5:35 am

    you are the best! what’s your hourly rate? do you work freelance?

    # June 27, 2013 at 6:12 am

    >you are the best! what’s your hourly rate?

    Just happy to help.

    >do you work freelance?

    Unfortunately not.

    # June 27, 2013 at 10:22 am

    alright thanks for your help :)

    # July 18, 2013 at 10:22 am

    Hi Paulie, I need to reopen this issue. It worked great, but I found out that your solution is not responsive at all and it breaks my design on a smartphone.

    # July 18, 2013 at 10:27 am

    Suggest you start a new thread with appropriate links and details of mobile device and browser being used.

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed