Essential storage keeps sign-in and learning features working. Google Analytics measures visits; Microsoft Clarity records interactions to help us improve usability. Both are optional and stay off until you choose. Read our privacy policy.
Make an article layout whose type scales gently with the viewport while line length remains readable on wide displays.
Write down the input contract and the failure cases before coding.
Ready to run the file open above.
The container uses characters rather than an arbitrary pixel width because reading comfort follows line length. clamp prevents text from becoming too small on phones or too large on wide screens while allowing a subtle middle range.
your-solution.css.solution.css only after a real attempt.This intermediate CSS exercise focuses on clamp, Readable measure, Fluid typography. Its requirements define the exact behavior to implement before you write code.
Open your-solution.css and select Run code. The CSS is applied to a sandboxed preview, the same way course CSS blocks run.
Attempt Create a fluid reading layout first. Then open the read-only solution file to compare the contract, edge-case handling, and implementation choices—not simply to copy the final code.