Reference Guide: the 1140 CSS Grid in Pixels

Dec 13, 2011 by Yuriy Sklyar

As usual, with the re-launch of our new company website, we try to incorporate as many new technologies and best practices into it as possible. One of the more obvious updates for the previous launch of the website was the re-developed of the entire website in Drupal 7. This time, besides many content, usability, and conversion updates, we've decided to try out the new 1140px CSS Grid layout.

After extensive research and development, we've come to the conclusion that this particular grid system will be the most beneficial addition to our online strategies. Not only does the website easily adapt to most of the mobile devices (try it out on your phone) and older computers, it also degrades quite nicely in a few older browsers as well. This means that with this release, we get a wider reach in audience and less development time.

In this post, I've included a reference image and a PSD file (layered transparent overlay) for anyone who also develops using the 1140px layout and wishes to find out what the dimensions are in pixels.

Download PSD (721kb)

Yuriy Sklyar - Principal, Threefifty

I'm responsible for UX and UI (among other things) of all projects that come through the doors of Threefifty.

Personal Blog |

Comments

comments powered by Disqus
The website encountered an unexpected error. Please try again later.