# Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more

DevFeed: [Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more](<https://devfeed.tech/articles/tailwind-css-v3-4-dynamic-viewport-units-has-support-balanced-headlines-subgrid-and-more-3498.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/tailwindcss-v3-4>)

Published: 2023-12-19T17:45:00Z

Content type: release

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [CSS](<https://devfeed.tech/topics/css.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [browser-ui](<https://devfeed.tech/tags/browser-ui.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [css](<https://devfeed.tech/tags/css.md>), [features](<https://devfeed.tech/tags/features.md>), [npm](<https://devfeed.tech/tags/npm.md>), [release](<https://devfeed.tech/tags/release.md>), [release-notes](<https://devfeed.tech/tags/release-notes.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>)

## AI overview

Tailwind CSS v3.4 introduces dynamic viewport units, parent and child variants, new sizing utilities, balanced headline utilities, subgrid support, expanded sizing and opacity scales, and forced-colors utilities. The release also supports newer viewport units for mobile layouts and includes browser-based experimentation through Tailwind Play.

## Source excerpt

There's nothing like building a major new product for finding all the features you wish you had in your own tools, so we capitalized on that inspiration and turned it into this -- Tailwind CSS v3.4.