CSS Centered

[pakpenyo]

i have found margin-left: -490px; is not true center in my grid. Using Less Framework 4. So, i change the css

grid{

width: 992px;
position: absolute;
top: 0;
left: 50%;
margin-left: -496px; /* original -490 */
}

grid div.vert{

width: 68px;
border: none;
margin-right: 24px;
background: rgba(136,170,221,.25);
}

Try compare with Less Framework grid from http://javascriptgrid.org/ and http://arnaumarch.com/en/less-grid.html.

Thanks and sorry for my english.

[dotjay]

Hi there!

Your negative margin-left value should always be half of your grid's width. As you have changed the original width from 980px to 992px, the original 490px left margin will no longer be correct.

Hope that explains it.