A web page has a hero section that should be exactly the height of the viewport, and a footer that should be 10% of the viewport height. The hero section is a direct child of the body. Which CSS declarations achieve this?

.hero { height: 100em; } .footer { height: 10em; }

.hero { height: 100vw; } .footer { height: 10vw; }

.hero { height: 100vh; } .footer { height: 10vh; }

.hero { height: 100%; } .footer { height: 10%; }

A developer is building a layout where a sidebar should be 300px wide on desktop, but on mobile it should be 25% of the viewport width. Which CSS approach correctly implements this?

@media (max-width: 768px) { .sidebar { width: 25vw; } } .sidebar { width: 300px; }

.sidebar { width: 25vw; } @media (max-width: 768px) { .sidebar { width: 300px; } }

@media (min-width: 768px) { .sidebar { width: 25vw; } } .sidebar { width: 300px; }

.sidebar { width: 300px; } @media (min-width: 768px) { .sidebar { width: 25vw; } }

LPI Web Development Essentials

Domain 3Objective 3

033.3 CSS Styling (weight: 2) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 3)

Part of the 033 CSS Content Styling domain, which makes up ~25% of our current practice bank. Linux Professional Institute does not publish an official question count, but from its 60-minute exam (~25–40 total, ~6–10 in this domain), expect 2–3 from this objective — we provide 13 practice questions to prepare you well beyond it. (estimate)

13questions here

3free pages

2concepts

Questions 11–13

11application · medium
A web page has a hero section that should be exactly the height of the viewport, and a footer that should be 10% of the viewport height. The hero section is a direct child of the body. Which CSS declarations achieve this?
Select an answer first
12expert · hard
A developer is building a layout where a sidebar should be 300px wide on desktop, but on mobile it should be 25% of the viewport width. Which CSS approach correctly implements this?
Select an answer first
13application · medium
A developer is building a print stylesheet and needs to set the page margin to exactly 2 centimeters. Which CSS declaration should be used?
Select an answer first

Finished these 3 questions?

Review the revealed explanations, or continue through the curriculum.

No more pagesBack to WEB-DEVELOPMENT-ESSENTIALS

Free Basic Practice is a study aid with revealable answers — not a scored exam. Examers.io is independent and not affiliated with or endorsed by Linux Professional Institute. “WEB-DEVELOPMENT-ESSENTIALS” is a trademark of its owner, used for identification only.

033.3 CSS Styling (weight: 2) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 3)

Questions 11–13

A web page has a hero section that should be exactly the height of the viewport, and a footer that should be 10% of the viewport height. The hero section is a direct child of the body. Which CSS declarations achieve this?

A developer is building a layout where a sidebar should be 300px wide on desktop, but on mobile it should be 25% of the viewport width. Which CSS approach correctly implements this?

A developer is building a print stylesheet and needs to set the page margin to exactly 2 centimeters. Which CSS declaration should be used?

Keep studying — 033 CSS Content Styling