Build the web
the modern way

/* Fluid typography — no media queries */
h1 {
  font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);
}

/* Responsive card — container queries */
.card-wrapper { container-type: inline-size; }

@container (min-width: 400px) {
  .card { grid-template-columns: 120px 1fr; }
}

/* No more padding-bottom hacks */
.video { aspect-ratio: 16 / 9; }