(RWD) Resume

Estimated Time: 3 - 6 hours

Objectives:

• To convert a webpage to a responsive design
• To apply media queries

Aside from percentage, there are other flexible units used in CSS: rem and em. These properties are commonly used in texts. Rem is computed by html root's default font-size (ex. 16px in Chrome). If you styled:

p {
    font-size: 1.2rem;
}

The above will yield: 16px times 1.2 = 19.2px. So what if we changed it to font-size: 1.2em?

Well, the font-size of its parent element will be the multiplier. Let's say the parent has font-size: 12px. Therefore, 12px times 1.2 = 14.4px. The <p>'s font-size will be now 14.4px.

Remember the resum...