How do I make rows in Zurb Foundation 4/5 full screen?

boilerplate, css, responsive-design, web, zurb-foundation

Solution

Add the following code to the CSS file:

.row {min-width:100% !important;}

Problem

By default, rows in Zurb Foundation 4 and 5 run at a max width of 1000px, even on very large monitors, which creates margins on either side of the content. How do I make it run at full screen without affecting the responsiveness of the design?

Original source