Grow your CSS skills. Land your dream job.

show divs next to each other

  • # June 26, 2013 at 6:10 am

    Hi,

    On the homepage of my website wiels-music.be/music 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 wiels-music.be/music

    # 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. http://codepen.io/Paulie-D/pen/eIADn

    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.

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