Hi,
I am using Compass to compile my Sass into CSS, and using the built-in
Blueprint functionality. The grid defaults are 24 columns, 950px
container width and a grid margin of 10px.
I have a two column layout with a #sidebar and #content region.
#content is defined as 16 columns, #sidebar takes 8 for the total of
24.
My resulting css generated for the #content is
.two-col #content {
display: inline;
float: left;
margin-right: 0;
width: 630px;
}
I want to render 4 objects inside #content, so I defined a class with
columns(4). When I render the 4 Divs the last one is bumped below the
others, giving me 3 instead of 4.
The class is called products
.product {
display: inline;
float: left;
margin-right: 10px;
width: 150px;
}
So.. 4 of these is 640px? How would I render 4 objects in 16 columns
if column(4) is not the right way to declare it?
Anyone know of how to do this, seems I am missing something simple?
Thanks!
--
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en.
