Skip to main content

Forums

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #254306
    moataz_abdelfattah
    Participant
    #254307
    Paulie_D
    Moderator

    I think you forgot to include Bootstrap in your demo.

    Also the <h2> should be outside the row, probably.

    http://codepen.io/Paulie-D/pen/QvpvZG

    #254308
    moataz_abdelfattah
    Participant

    I’m not for linking bootstrap now. I just want to build a simple responsive layout. The problem that I face is aligning the three divs to the center of the row. that’s all.

    #254311
    bearhead
    Participant

    You have some rogue characters on lines 13 and 14:

    }
    */
    

    If you clean that up the row element will center as expected.

    If you want the columns centered in the row, you’ll have to change some things… either change the column widths to percentages, or give the row a fixed width. It would also be a good idea to use the clearfix hack on the row element.

    Ultimately it would probably be better to just use flexbox, unless you’re designing specifically for legacy browsers.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
icon-link icon-logo-star icon-search icon-star