Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A good starting point for responsive web design that takes device resolution out of the equation
branch: master

This branch is even with designbyfront:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
images/example
js/libs
README
example.html
index.html

README

Goldilocks Approach
===================

A good starting point for responsive web design that takes device resolution out of the equation

How does it work?
-----------------

The Goldilocks Approach uses a combination of Ems, Max-Width, Media Queries and Pattern Translations to consider just three states that allow your designs to be resolution independent. Check out the example.html page included to see how it works.

It contains
-----------

* 2 well commented CSS files that consider 3 CSS Media Query increments; multi column, narrow column and single column
* Good typographic defaults out of the box (including print contexts)
* A boilerplate HTML file to get you started (index.html)
Something went wrong with that request. Please try again.