CSS Media Query Builder

Preview Query

@media (min-width: 768px) {
  /* Your styles here */
  .container {
    /* responsive styles */
  }
}

SCSS Nested

.container {
  // Base styles
  
  @media (min-width: 768px) {
    // Responsive styles
  }
}

Common Breakpoints