Bummer! This is just a preview. You need to be signed in with a Basic or Pro account to view the entire video.

Start a free Basic trial
to watch this video

Sign up for Treehouse

Converting Pixels to Percentages

3:54

In this video, we'll use the target ÷ context = result formula to convert the fixed grid that the Smells like Bakin' website was built on into a fluid grid. This will define its layout proportionately, rather than in absolute values.

Things to Consider

  • Convert pixels to percentages using the formula target ÷ context = result
  • Carry the decimal of your result over two places to the right to get your percentage
  • Do not round up your percentages, no matter how ugly or long the decimal is!

Workspace

You have to sign up for Treehouse in order to create workspaces.

Sign up

Instructor

  • Allison Grayce

    Allison is a freelance web designer and UX consultant with experience working at small interactive agencies and large advertising firms.