screens: {
        '2xl': {'max': '1535px'},
        // => @media (max-width: 1535px) { ... }
      
        'xl': {'max': '1279px'},
        // => @media (max-width: 1279px) { ... }
      
        'lg': {'max': '1023px'},
        // => @media (max-width: 1023px) { ... }
      
        'md': {'max': '767px'},
        // => @media (max-width: 767px) { ... }
      
        'sm': {'max': '639px'},
        // => @media (max-width: 639px) { ... }
      },

      Javascript language logoTailwind screens for responsiveness

      Nextjs with tailwind

      In this code, the screens property of the document specifies three different CSS rules, each with a different maximum width.

      The first screen rule, '2xl', has a maximum width of 1535px.

      The second screen rule, 'xl', has a maximum width of 1279px.

      The third screen rule, 'lg', has a maximum width of 1023px.

      The fourth screen rule, 'md', has a maximum width of 767px.

      The fifth screen rule, 'sm', has a maximum width of 639px.

      Shortcut: tailwind.config.screens.toMobile

      0 Comments

        Add Comment

        Log in to add a comment

        Codiga - All rights reserved 2022.