https://github.com/jakobsen/fluid-typography

Find the perfect CSS values for your fluid heading, and control how it scales across different viewport widths.
https://github.com/jakobsen/fluid-typography

css design react

Last synced: about 1 year ago
JSON representation

Find the perfect CSS values for your fluid heading, and control how it scales across different viewport widths.

• Host: GitHub
• URL: https://github.com/jakobsen/fluid-typography
• Owner: jakobsen
• License: mit
• Created: 2021-05-05T15:14:04.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-05-13T08:39:05.000Z (about 5 years ago)
• Last Synced: 2024-11-05T14:46:45.796Z (over 1 year ago)
• Topics: css, design, react
• Language: JavaScript
• Homepage: https://fluid-typography.netlify.app/
• Size: 871 KB
• Stars: 92
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  

  
Fluid typography


[![Netlify Status](https://api.netlify.com/api/v1/badges/e1ec97f9-50e6-4dbb-a595-49f924a26609/deploy-status)](https://app.netlify.com/sites/fluid-typography/deploys)

Calculate the `clamp()` rule for scaling typography to your desired specifications.

All credit for this technique goes to [Josh Comeau](https://joshwcomeau.com/).