Maintain text and layout proportions using 1140 Grid and ems

So if you are using 1140 grid you can make sure your text and line heights scale evenly within your columns by using ems for you max-width. Find the line in your 1140 Grid CSS that says max-width 1140px. Calculate the ems by dividing 1140 by your base font-size. Now change the max-width from 1140px to this new value in ems. Now when you zoom in and out you should find that your text scales beautifully.

I’ve actually had this in the Twenty Till Noon theme for a while and it’s been working great.

About C. Scott Asbach

Scott is a freelance web designer/developer and stay-at-home dad. He holds an AA degree in Electronic Imaging and Media Arts and is going back to school to earn a BA in Computer Information Systems.
This entry was posted in Asides and tagged , , , . Bookmark the permalink.

Related Posts:

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>