How to configure custom screen width in tailwind css

The sample code is added below

  theme: {

   

    extend: {

      screens:{

        ‘screen-xs’:{‘max’:‘480px’},

        ‘screen-sm’:{‘min’: ‘480px’, ‘max’: ‘768px’},

        ‘screen-md’:{‘min’: ‘768px’, ‘max’: ‘992px’},

        ‘screen-lg’:{‘min’: ‘992px’, ‘max’: ‘1200px’},

        ‘screen-xl’:{‘min’:‘1200px’},

      },

    },

  },

Leave a comment

Your email address will not be published. Required fields are marked *