[css-d] Grid System

2014-10-18 Thread Crest Christopher
I have a css grid question,  using this image 
http://www.webdesignerwall.com/wp-content/uploads/2010/09/978-grid.gif 
as an example.  The 12 columns, including the gutters is a row correct ? 
I understand that you can span your content, or images, which must never 
have a width, XX number of columns for page layout.


In the example image, there are 54px columns and 30px gutters, if 
everything I've mentioned so far is correct ? What I don't understand 
is, what is the purpose of gutters, or must a grid system have gutters 
either way, if you remove them or not, they must be there ?


Thanks
Christopher
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Grid System

2014-10-18 Thread Tom Livingston
Gutters are there to space out items that are in adjacent columns. Two
vertical columns of text for example. You wouldn't want those to columns to
touch each other.

On Saturday, October 18, 2014, Crest Christopher crestchristop...@gmail.com
wrote:

 I have a css grid question,  using this image http://www.webdesignerwall.
 com/wp-content/uploads/2010/09/978-grid.gif as an example.  The 12
 columns, including the gutters is a row correct ? I understand that you can
 span your content, or images, which must never have a width, XX number of
 columns for page layout.

 In the example image, there are 54px columns and 30px gutters, if
 everything I've mentioned so far is correct ? What I don't understand is,
 what is the purpose of gutters, or must a grid system have gutters either
 way, if you remove them or not, they must be there ?

 Thanks
 Christopher
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/