text: const defaultTheme = require("tailwindcss/defaultTheme");
  
  module.exports = {
    content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
    theme: {
      screens: {
        xs: "400px",
        sm: "576px",
        // => @media (min-width: 576px) { ... }
        md: "818px",
        // => @media (min-width: 576px) { ... }
        lg: "1024px",
        // => @media (min-width: 1024px) { ... }
  
        xl: "1280px",
        // => @media (min-width: 1280px) { ... }
  
        "2xl": "1536px",
        // => @media (min-width: 1536px) { ... }
      },
      extend: {
        gridTemplateColumns: {
          // Simple 16 column grid
          2: "50% 50%",
        },
        fontFamily: {
          sans: ["Nunito", ...defaultTheme.fontFamily.sans],
        },
      },
    },
    plugins: [],
  };
  