xxxxxxxxxx
//tailwind.config.js
/** @type {import('tailwindcss').Config} */
// at tailwind.config.js theme.screens put all screen size.
module.exports = {
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './app/**/*.{js,ts,jsx,tsx}'],
theme: {
screens: {
xs: '320px',
sm: '375px',
lsm: '425px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
extend: {
colors: {
primary: '#fa9900',
headingColor: '#666666',
textColor: '#999',
},
fontFamily: {
primary: ['Nunito', 'sans-serif'],
},
},
},
plugins: [],
};