🧠 Browsers now have AI.css

A new standard that “finishes” your styles for you 👀

Something like this:

.card {
  layout: auto;
  spacing: comfortable;
}

And the browser decides whether it should be grid, flex, or something else entirely.

Working with text:

.article {
  typography: readable;
}

Under the hood, it adjusts line-height, max-width, and font sizes, as if you had actually thought about all of that ahead of time.

Responsive layouts:

.container {
  adapt: fluid;
}

No media queries, just “make it look right on every screen.”

Colors:

.button {
  color-scheme: accessible primary;
}

You immediately get contrast, hover states, and proper readability.

The most dangerous one:

.form {
  ux: good;
}

After that, the form suddenly becomes easy to use, validates fields properly, and stops annoying users.

Soon they will add “performance: fast” so your site loads quickly right away, even if you didn’t make an effort 😏