Back to CSS

CSS Tutorial

Modern Features

Explore newer CSS features supported by modern browsers.

Modern CSS includes container queries, nesting, logical properties, and improved color functions.

These features make responsive and component-based styling more powerful.

css
.card {
  container-type: inline-size;
}

@container (min-width: 420px) {
  .card-title {
    font-size: 2rem;
  }
}