curriculum/challenges/english/blocks/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
To pass the quiz, you must correctly answer at least 18 of the 20 questions below.
What is an absolute unit?
Units that adjust dynamically based on screen size.
Units that depend on the font size of the parent element.
Units measured in percentages of the viewport.
Fixed length units that are not relative to anything else.
What does 100vw cover in terms of screen width?
100% of the screen width.
100% of the viewport height.
100% of the parent's width.
100% of the viewport width.
Which of the following is a relative unit?
pt
cm
mm
em
If the root font size is 20px, what is 1rem equal to?
18px
16px
10px
20px
What can the calc() function do in CSS?
Modify colors dynamically.
Set a fixed width.
Only work with percentages.
Add, subtract, multiply, or divide different units.
Which unit is the most commonly used absolute unit in CSS?
inch
rem
%
px
If the viewport height is 800px, what would 50vh be?
50px
200px
100px
400px
What does setting an element's width to 100% mean?
It takes up the full width of the document.
It takes up the full width of the screen.
It takes up 100px.
It takes up the full width of its parent.
What happens with calc(10px + 20%) in CSS?
It adds 10px to 10% of the document width.
It always equals 30px.
It adds 10px to 20% of the screen width.
It adds 10px to 20% of the parent's width.
Which unit is relative to the font size of the root element?
px
pt
%
rem
With a root font size of 16px, how big is 10rem?
140px
10px
100px
160px
Why might you use point instead of pixels in design?
Points are scalable.
Points are better for responsive layouts.
Points are easier to manage on screens.
Points are for print design.
Why are rem units preferred over pixels in typography?
Because they provide fixed sizing regardless of screen resolution.
Because they ensure compatibility with older browsers.
Because they are easier to implement in responsive designs.
Because they scale proportionally with the user’s browser settings.
How much screen space does 80vw take?
80% of the parent's width.
100% of the viewport height.
80px
80% of the viewport width.
Which units should you use if you want to make an element occupy a certain width or height by the percentage of the screen?
pt and px
rem and em
pt and pc
vw and vh
What does vw stand for?
Vertical Width.
Virtual Width.
Variable Width.
Viewport Width.
What's the key difference between rem and em in CSS?
em is relative to the root element, while rem is relative to the parent element.
rem is relative to desktop width, while em is relative to mobile width.
rem is relative to the user-defined width, while em is relative to the browser width.
em is relative to the font size of the parent element, while rem is relative to the root element.
What is a vh unit?
A unit based on the width of the viewport.
A unit based on the height of the element.
A unit that adjusts based on font size.
A unit equal to 1% of the viewport height.
What does setting an element's width to auto do in CSS?
It sets the width to 100% of the parent element by default.
It sets the width to 50% of the viewport unless other styles override it.
It sets the width to 0px if no content or padding is present.
It allows the browser to determine the width based on the content and container.
What’s a key advantage of the calc() function?
It automatically minifies your CSS files for better performance.
It enables the use of variables within CSS without any preprocessors.
It allows embedding JavaScript expressions directly within CSS rules.
It lets you determine the value of a CSS property dynamically based on different aspects of the application or viewport.