1140px To Mobile Sizes: A Fluid CSS Framework

November 10, 2010 | CSS

Easy AdSense by Unreal

The 1140 grid is a CSS framework which fits perfectly to 1280px resolutions and, for smaller sizes, it becomes fluid for adapting to the width of the browser.

After a certain size, by using media queries for serving the mobile version, it positions all the columns on top of each other to help the same design still make sense.

1140 CSS Grid Framework

It uses a 12 column system and have gutters ~40px on full-width.

The framework works in most modern browsers. As expected, it is a little problematic in IE6 (the developer of the framework states there should be very few people using IE6 and having a large screen size which sounds true).

Related posts:

  1. HTML5 Ebook Framework For Publishing On iPads – Baker
  2. jQuery Data Binding, Templates, and Mobile: John Resig at FOWA
  3. Free Mobile UI Design Elements – Mobility

Tags: , , , , ,

Leave a Reply










Login

© AlojamentoOnline.com

Find WP Themes at WPCorner | Sponsored bynWicked Kalamazoo | Wicked Little Rock