What is the clean CSS approach to solve A heading should scale smoothly between small and large screens. in a data table?

CSS Published 03 Oct 2026 Updated 03 Oct 2026 0 Views Verified

Problem: A heading should scale smoothly between small and large screens. Context: This CSS troubleshooting question uses a data table example. Correct approach: Use clamp() with a minimum, fluid value and maximum. Working CSS: h1 { font-size:clamp(2rem, 5vw, 4rem); }

Looking for the latest Sarkari Result 2026 updates? Check the latest government exam results, merit lists and result updates on Sarkari Resultess.

Answer & Explanation

4 Answers

Verified

A. Common but incorrect approach

h1 { font-size:responsive(2rem,4rem); }

Additional Explanation

This approach does not directly implement the required CSS behavior.

Verified Correct Answer

B. Correct CSS solution

h1 { font-size:clamp(2rem, 5vw, 4rem); }

Additional Explanation

Use clamp() with a minimum, fluid value and maximum.

Verified

C. Incorrect CSS alternative

h1 { font-size:auto; }

Additional Explanation

This is not a valid CSS property or does not solve the stated problem.

Verified

D. Another incorrect approach

h1 { font-size:fluid(5vw); }

Additional Explanation

This does not address the underlying CSS layout or styling issue.