CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Measurement Units - Part 2

The video tutorial covers CSS measurement units, focusing on percentages, viewport height, and viewport width. It explains how percentages are relative to parent elements and demonstrates their use in font size and layout. The tutorial also explores viewport units, showing how they relate to the browser window size. Practical examples illustrate these concepts, emphasizing the importance of understanding relative units for responsive design.

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

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

• The font size will be fixed and not change.

• The font size will be 100 pixels.

• The font size will be 100% of the screen width.

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

• 18 pixels

• 16 pixels

• 12 pixels

• 14 pixels

How does percentage affect the width of an element in CSS?

• It sets the width to 100% of the viewport.

• It sets the width relative to the parent element's width.

• It makes the width equal to the height.

• It sets the width to a fixed pixel value.

What happens when you set the width of a section element to 70%?

• The section will take up 70% of the parent element's width.

• The section will take up 70% of the viewport width.

• The section will take up 70% of the screen height.

• The section will take up 70% of the document's width.

What is the effect of setting a div's width to 50%?

• The div will take up 50% of the document's width.

• The div will take up 50% of the screen height.

• The div will take up 50% of the parent element's width.

• The div will take up 50% of the viewport width.

What is the primary function of the viewport height (vh) unit in CSS?

• To set the height relative to the parent element.

• To set the height relative to the entire document.

• To set the height relative to the browser window's visible area.

• To set the height to a fixed pixel value.

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

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

• vw is used for height, while percentage is used for width.

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

• vw is a fixed unit, while percentage is flexible.