can't remember how to align content to the center of the page

[moataz_abdelfattah]

https://codepen.io/hyperstorm/pen/KmWmPp

[Paulie_D]

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

[moataz_abdelfattah]

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.

[bearhead]

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.

[Author]

Posts