Migrating to Tailwind CSS v4.0.10
Version v4.0.10 introduces 1 breaking change. This guide details how to update your code.
Released: 3/5/2025
1
Breaking Changes
1
Migration Steps
8
Affected Symbols
⚠️ Check Your Code
If you use any of these symbols, you need to read this guide:
grid-columngrid-rowmax-w-automax-h-autooutline-hidden@utility@apply@keyframesBreaking Changes
●Issue #1
Removed max-w-auto and max-h-auto utilities because they generated invalid CSS. Replace these with max-w-none/max-h-none or specific values if needed.
Migration Steps
- 1Remove any usage of max-w-auto and max-h-auto from your templates as they are no longer supported.
Release Summary
This release introduces new grid column/row utilities and a rewritten candidate extractor for better performance and accuracy. It also removes invalid max-size utilities and fixes several issues related to CSS emission and framework-specific syntax detection.
Need More Details?
View the full release notes and all changes for Tailwind CSS v4.0.10.
View Full Changelog