Container Query Generator

.container {
  container-name: container;
  container-type: inline-size;
}

@container container (min-width: 400px) and (max-width: 800px) {
  .content {
    /* Your styles here */
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 8px;
  }
}