What is the purpose of the CSS float property?

To position an element relative to its nearest positioned ancestor

To create a two-dimensional grid layout

To push an element to the left or right, allowing text and inline elements to wrap around it

To center an element horizontally

A developer wants to apply a larger font size to a heading only when the viewport is at least 1024px wide. Which media query correctly targets this condition?

`@media (device-width: 1024px) { h1 { font-size: 2.5rem; } }`

`@media (min-width: 1024px) { h1 { font-size: 2.5rem; } }`

`@media (width: 1024px) { h1 { font-size: 2.5rem; } }`

`@media (max-width: 1024px) { h1 { font-size: 2.5rem; } }`

LPI Web Development Essentials

Domain 3Objective 4

033.4 CSS Box Model and Layout (weight: 2) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 6)

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 34 practice questions to prepare you well beyond it. (estimate)

34questions here

7free pages

9concepts

Questions 26–30

26foundation · easy
What is the purpose of the CSS float property?
Select an answer first
27application · easy
A navigation bar has a dropdown menu. The developer wants the dropdown to appear over the page content when the user hovers over the parent menu item, without pushing the content below it down. Which `position` value should the dropdown menu use?
Select an answer first
28application · easy
A developer has a flex container with `display: flex`. The container has extra horizontal space, and the design requires the flex items to be evenly distributed with space between them, with the first item flush left and the last item flush right. Which `justify-content` value achieves this?
Select an answer first
29expert · medium
A grid container has `display: grid` with `grid-template-columns: 1fr 1fr` and a fixed height of 500px. The two grid items have different content heights. The design requires both items to stretch to fill the full 500px height, regardless of their content. Which property on the grid container achieves this?
Select an answer first
30application · easy
A developer wants to apply a larger font size to a heading only when the viewport is at least 1024px wide. Which media query correctly targets this condition?
Select an answer first

Finished these 5 questions?

Review the revealed explanations, or continue through the curriculum.

Next 5 questions →Back 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.4 CSS Box Model and Layout (weight: 2) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 6)

Questions 26–30

What is the purpose of the CSS float property?

A navigation bar has a dropdown menu. The developer wants the dropdown to appear over the page content when the user hovers over the parent menu item, without pushing the content below it down. Which `position` value should the dropdown menu use?

A developer has a flex container with `display: flex`. The container has extra horizontal space, and the design requires the flex items to be evenly distributed with space between them, with the first item flush left and the last item flush right. Which `justify-content` value achieves this?

A developer wants to apply a larger font size to a heading only when the viewport is at least 1024px wide. Which media query correctly targets this condition?

Keep studying — 033 CSS Content Styling