Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Fluid Typography with CQI Container Query Units

Web Bae's avatar
Web Bae
Clone in Webflow39
site profile thumbnail
Open in Webflow
Open live site
CQI and CQW units are so much better for fluid typography than the typical VW units that I see everywhere. All it takes is a little custom css: set your container element container-type property to inline-size and then set the font-size CSS property of your fluid text element to CQI or CQW units and watch as you have perfect, east, fluid text!
Open in Webflow
Open live site
css
fluidresponsive
fluid
fluidtypography
responsive
responsive design
responsive websites
typography
fluidtype
vwbus
vwunits
acquisition
containerqueries
containerquery
customcode
custom code
customcss

More sites by Web Bae

See profile
The Greatest Infinite Marquee (HTML + CSS only)
759
7.1k
Moving Gradient Background
587
3.5k
Award Winning Grid Trail Mouse Follow Effect
430
1.2k

Similar sites

author avatar
Mira - Text Effect
6
35
Tullio Luongo
author avatar
Type Foundry CMS Library Concept
6
15
ITA Group
author avatar
Grid Systems - Responsive 3D book cover with CSS Grid
101
134
Sam Pilgrim
author avatar
Simple Accordion using Dropdown Element
11
627
Dave
author avatar
text-color-inherit
5
28
Emil Villumsen
author avatar
Enhanced branding with :focus-visible and ::selection
3
3
Web Bae
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social