Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Introduction to PostCSS!
You have completed Introduction to PostCSS!
Preview
In this video, you'll learn about a simple PostCSS plugin that converts pixel values to rem values.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
typography and layout flexible by
converting pixel values to rem values.
0:00
Rem, or root is a flexible CSS unit
0:01
that's always relative to the font
size of the root element of the page.
0:04
Usually it's the HTML element.
0:09
For many it's easier to think in pixels,
so when designing and
0:11
prototyping it can be faster to
write your CSS using pixels.
0:14
However, rem values make your
layouts more flexible and
0:18
they are a preferred approach for
many developers.
0:22
But using rems does require some math on
your part, but PostCSS can do the math for
0:24
you so you can design with pixels but
use rems in production.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up