Tailwind V4 container

app.css

@utility container {
  margin-inline: auto;
  padding-inline: 1rem;

  @variant sm {
    max-width: 640px;
    padding-inline: 2rem;
  }

  @variant md {
    max-width: 768px;
    padding-inline: 3rem;
  }

  @variant lg {
    max-width: 1024px;
    padding-inline: 4rem;
  }

  @variant xl {
    max-width: 1280px;
    padding-inline: 5rem;
  }

  @variant 2xl {
    max-width: 1536px;
    padding-inline: 6rem;
  }
}