CODEWITHSUNDEEP
csszurb-foundation
joe
joe

Reputation: 1135

Foundation Zurb - container width?

Looked through Foundation zurb documentation. Noted that rows, columns and container are not defined in width as in documentation, but if want the wrapper container to be set at 1000px to wrap header, body, sidebar, footer inside, does the wrapper need to be defined in width to contain everything inside?

Also the header, body, sidebar, footer are placed in each row with medium-# or large-# so that they can be resized according to browser size.

Sorry and I am trying Foundation for the first time.

Thanks

Upvotes: 2

Views: 3470

Answers (1)

Jeremiah McCurdy
Jeremiah McCurdy

Reputation: 612

If you properly download all the foundation material (use bower from the command line or you can download a zip from the github page), you'll find:

$row-width: emCalc(1000);

in the sass files under _settings.scss

You can adjust this, and many other values that affect widths, within this file.

The specified .small or .medium or .large classes for rows are used for foundation's grid layouts and are designed especially for screen widths matching those relevant sizes. If you're new, I would work with "small columns" first as foundation is designed as a mobile first platform, and it has less problems scaling up than down. Good luck!

Upvotes: 3

Related Questions