ডিজাইন ক্যালকুলেটর

@media (min-width: 640px) {
  /* sm */
}

@media (min-width: 768px) {
  /* md */
}

@media (min-width: 1024px) {
  /* lg */
}

@media (min-width: 1280px) {
  /* xl */
}

@media (min-width: 1536px) {
  /* 2xl */
}

@include breakpoint(sm) {
  /* your styles */
}

@include breakpoint(md) {
  /* your styles */
}

@include breakpoint(lg) {
  /* your styles */
}

@include breakpoint(xl) {
  /* your styles */
}

@include breakpoint(2xl) {
  /* your styles */
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      screens: {
  sm: '640px',
  md: '768px',
  lg: '1024px',
  xl: '1280px',
  2xl: '1536px'
      }
    }
  }
}