Modern HTML and CSS from the Beginning (Including Sass) - Em & Rem Units

Modern HTML and CSS from the Beginning (Including Sass) - Em & Rem Units

Assessment

Interactive Video

Information Technology (IT), Architecture

University

Hard

Created by

Quizizz Content

FREE Resource

The video tutorial explains the differences between M and REM units in CSS, highlighting how M units are relative to the font size of their parent element, while REM units are relative to the root HTML element. The tutorial demonstrates practical examples of both units, discusses the challenges of using M units, especially in nested elements, and emphasizes the benefits of REM units for accessibility and browser adaptability. The instructor recommends using REM units for consistency and accessibility, while also providing insights into adjusting root font sizes for better responsiveness.

Read more

4 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the default font size of the HTML element in pixels?

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

What is the computed value of a paragraph set to 1.5 M if its parent font size is 20 pixels?

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

In what scenarios might it be beneficial to set the root element's font size to a percentage?

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

How does changing the font size in browser settings affect R.E.M units?

Evaluate responses using AI:

OFF