css - Zurb Foundation background color outside grid -

css - Zurb Foundation background color outside grid -

i'm sure it's simple, can't figure out how create layout this:

my grid size equals width of white area. have no problems dark bluish top bar occupies whole width of page, don' t know how create light-blue sides, outside of foundation grid. if alter body background lite bluish foundation grid in middle becomes bluish well.

thanks pointers.

body { background-color: blue; } .row { background-color: white; }

the body background color occupy whole page, , background color of row superposed of body.

css zurb-foundation grid-layout