Sample usage

Smooth’s settings for changing sidebar widths might have looked a bit strange to you, because widths are listed as (for example) “2 units wide (120px/12.5%)”. Here’s what that means. The page is divided into 12 columns. Each column is:

60px wide in a fixed-column layout (which has a total width of 960px)

This grid system (known as 960) has a lot in common with traditional newspaper layout systems. By mixing widths, you can develop some very impressive and attractive layouts, while still ensuring visual consistency.

Full Width (12)

Block 3 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Block 4 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Block 5 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Block 8 Width

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Block 4 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Block 6 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

Block 6 Width

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium

VidiRealty

SocialNetwork: Visual Property Listings

TranslateNOW

Sample usage

Full Width (12)

Block 3 Width

Block 4 Width

Block 5 Width

Block 8 Width

Block 4 Width

Block 6 Width

Block 6 Width

Contact

Secondary links

Recent Tweets