Hi all.

I am a web designer for almost ten years and lately I have started involved in responsive design,

I have desided to use the The 1140 grid system as I would like to create my own template.

The layout seems to have a big space between the columns, I am trying in reducing this by editing "margin-right: 3.8%;"

but afterwards I do not know how to edit the width of each column.

I am attaching the css file so you could have a look.

If nothing can happen do you know a framework that is easier to edit?

Thank you in advance.

Marina

1140.css

The styles for .row .onecol - .row .twelvecol set the width of columns. e.g.

.row .onecol {

width: 4.85%;

}

 

.row .twocol {

width: 13.45%;

}

 

.row .threecol {

width: 22.05%;

}