Media Queries Generator

/* Mobile First Approach */

/* Base styles (mobile) */
.container {
  /* Your mobile styles here */
}

/* Mobile and up */
@media (min-width: 320px) {
  .container {
    /* Your mobile styles here */
  }
}

/* Tablet and up */
@media (min-width: 768px) {
  .container {
    /* Your tablet styles here */
  }
}

/* Desktop and up */
@media (min-width: 1024px) {
  .container {
    /* Your desktop styles here */
  }
}

/* Wide and up */
@media (min-width: 1440px) {
  .container {
    /* Your wide styles here */
  }
}