Frontend Web Development Bootcamp - Build a Twitter Clone - Measurement units - Part 1

This video tutorial covers the different measurement units in CSS, focusing on absolute and relative units. Absolute units, such as pixels and inches, are fixed, while relative units, like EMs and RAMs, scale based on other properties. The tutorial demonstrates how these units affect font sizes in a practical example using VS Code. It explains the relationship between EM units and parent elements, and how RAM units are calculated based on the HTML element. The video concludes with a recommendation to use EM and RAM units for better scalability across different devices.

What are the two main types of measurement units in CSS?

• Absolute and Relative

• Fixed and Variable

• Static and Dynamic

• Constant and Flexible

Which of the following is an example of an absolute unit in CSS?

• Percentage

• Viewport Width

• Pixel

• EM

How is the size of an element using EMs determined?

• By the screen resolution

• By the closest parent element's font size

• By the root HTML element

• By the browser's default settings

What happens to the font size of an element using EMs if the parent element's font size is changed?

• It becomes zero

• It remains the same

• It increases proportionally

• It decreases proportionally

What is the main difference between EM and RAM units?

• RAMs are fixed, EMs are variable

• EMs are fixed, RAMs are variable

• RAMs are based on the HTML element, EMs on the parent element

• EMs are based on the HTML element, RAMs on the parent element

Why is it recommended to use EM and RAM units for font sizes?

• They provide better performance

• They are more visually appealing

• They are easier to code

• They allow for responsive design

What happens if the font size of the HTML element is manually defined when using RAMs?

• The font size will not change with browser settings

• The font size will change with browser settings

• The font size will become zero

• The font size will double