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

The video tutorial covers CSS measurement units, focusing on relative units like percentages and viewport dimensions. It explains how percentages are calculated based on parent elements and demonstrates their use in font sizing and layout adjustments. The tutorial also explores viewport height and width, showing how these units relate to the browser window size. Practical examples illustrate the concepts, and the video concludes with a call to practice using these units in CSS.

What does setting a font size to 100% in CSS mean?

• The font size will be fixed and not change.

• The font size will be relative to the parent element's font size.

• The font size will be 100 pixels.

• The font size will be the same as the viewport width.

What is the default font size of the HTML element in most browsers?

• 16 pixels

• 14 pixels

• 18 pixels

• 12 pixels

How does setting a section's width to 70% affect its size?

• It will occupy 70% of the screen height.

• It will occupy 70% of the document's total width.

• It will occupy 70% of its parent element's width.

• It will occupy 70% of the viewport width.

If a div's width is set to 50% inside a section with a width of 70%, what will be the div's width relative to the viewport?

• 50% of the viewport

• 100% of the viewport

• 35% of the viewport

• 70% of the viewport

What happens when you set an element's height to 100vh?

• The element will cover 100% of the screen width.

• The element will cover 100% of its parent element's height.

• The element will cover 100% of the viewport height.

• The element will cover 100% of the document's height.

What CSS property would you use to make an element cover the entire visible area of the browser window?

• height: 100%;

• width: 100%;

• height: 100vh;

• width: 100vw;

How does viewport width (vw) differ from percentage in CSS?

• vw is relative to the parent element, while percentage is relative to the viewport.

• Both vw and percentage are relative to the viewport.

• vw is relative to the viewport, while percentage is relative to the parent element.

• Both vw and percentage are relative to the parent element.