Short, practical lessons on em, rem, Sass and media queries for responsive CSS.

14 Essential Responsive CSS Techniques

Preface

The first part of this course will cover the two relative units available for use in responsive projects. In today's lesson, we'll cover the first: the em .

An Introduction to the Benefits of Em Values

Last time, we made ourselves acquainted with the em unit, one of the relative units we can use in responsive projects. We also saw one limitation of the em unit. Today let's take a look at our other options.

Understanding and Using Rem for Responsive Projects

Today, we'll recap our font-sizing learning so far and look at how a few clever devs have handled this problem.

Font Sizing with Rem

We've covered the font sizing with em and rem , now we'll look into using rem with media query breakpoints.

Using Rems with Media Queries

We popped in a little bit of media query usage last time, but today we'll get properly acquainted with them.

Media Queries

Tip 1: Don’t Use Device Specific Breakpoints

Community Questions