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


Start a free Basic trial
to watch this video

Sign up for Treehouse

Converting Pixels to Percentages


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!