Choose a Web Design Tool: Four Practical Problems and Solutions
Choose the right tool for fluid typography, PX/REM conversion, spacing or contrast. See realistic input values, outputs and next-step guides.
Learn / CSS & Web Design
CSS & Web Design
Practical guides and tips for fluid typography, spacing, color contrast and choosing useful web tools. Apply the examples to your next layout.
Search all resources →Start here
4 resources found
CSS clamp() in Oxygen: Fluid Typography with Worked Examples
Generate and apply a fluid heading size in Oxygen. See the formula, endpoint calculations, a working tool and fixes for common clamp() mistakes.
Oxygen Spacing System: Reusable Variables and a Card Example
Build a reusable spacing system in Oxygen with CSS variables. Follow a card-layout example, inspect responsive spacing and fix inconsistent gaps.
Text Contrast in Web Design: WCAG Ratios and Practical Checks
Check text contrast with real color examples. Understand AA/AAA thresholds, test foreground/background pairs and avoid misleading pass/fail results.