How can I increase the row width in zurb Foundation?

Question

I am learning Zurb foundation, and my question is that how can I increase the default width of the row in the framework.

Like a 960 grid system has 960 px. How can I increase the wish of row to maybe 1200px, so should I add a custom stylesheet?

Answer 1

You don't have to use !important. Just place your new CSS—say app.css—below the foundation.css and use the following:

.row {
    max-width: .px;
}

You can also use another class and add this property so that it won’t conflict with the default row.