Responsive Measures | Responsive Web Design

Responsive Measures

Responsive Measures

Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control the measure. Until now. 

Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.

The example codepen utilises one of the layouts described by Ethan Marcotte in an A List Apart article.

See the Pen Responsive Measures by Justin Avery (@justincavery) on CodePen.


  • Resource Name

    Responsive Measures

  • Resource Creator

    Josh Brewer

Description

Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.