AI Computer Science Academy · Faisalabad

Responsive Web Design

Relative units

Task 21 of 56 HTML & CSS Layouts and responsiveness
All tasks
Read first Task 21

Relative units

rem and % scale with the reader’s settings; hard px do not.

Task

Which unit is relative to the root font size?

The editor already contains a starting point. Change it until every check passes — the Next task button unlocks when it does.

What you start with
<style>
  h1 { font-size: 32px; }
</style>
<h1>Fees</h1>
Syntax reference
<style>
  h1 { font-size: 2rem; }
</style>
<h1>Fees</h1>

Read it, then write it yourself. Copy-paste teaches nothing.

HTML & CSS 1 automatic check Layouts and responsiveness
Code editor Ctrl + Enter runs
Run your code to see the output and the checks.
Your result

Submit your code to see results

Write your code in the middle column and press Run code.

Checks on this task:

  • Check 1

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

Sign in to keep your code and certificates.

Next task (pass every check first)