Challenges
Roadmaps
Playground
Submit
Mark as complete
Share Solution
Description
Submissions
Resources
Discussion
#5
Fluid Typography
medium
css
typography
Design a heading with a fuild font size.
Requirements
When the viewport width is less than the given
--minVw
, set the font size to 16px.
If the viewport width exceeds the given
--maxVw
, set the font size to 32px.
For viewport widths between
--minVw
and
--maxVw
, linearly scale the font size.
index.html
styles.css
index.js
Preview
Console