Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
11 replies
Nibelung Valesti

Make Tailwind Desktop First

I have set my tailwind configuration to be desktop first:

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


But the problem is that tailwind generates the ouput from smaller screens first to larger. Making Larger screens overwrite smaller ones, which defeats the purpose.

Has anyone ever tried making tailwind generate large screen first? Thank you.
Was this page helpful?