screen customization in tailwindcss

Add Answer

Shirshak Kandel answered on November 8, 2022 Popularity 7/10 Helpfulness 9/10

Contents

answer screen customization in tailwindcss

More Related Answers

tailwindcss-debug-screens

css display tailwind

scale tailwindcss

tailwind css custom class

tailwind media queries

tailwind different screen sizes

tailwind shadow large

tailwind 80% of screen

tailwind responsive

reusing styles tailwind css

global style tailwind css

tailwind responsive

custom class in tailwind config

tailwind show on big screen

tailwind css Adding smaller breakpoints

tailwind page template responsive

tailwind show size of screen

tailwind for pure html

Tailwind CSS Theme Switch

tailwind css Adding smaller breakpoints

tailwind css Adding smaller breakpoints

h-screen in tailwind css

add custom class in tailwindcss

theme switcher framer motion and tailwindcss

tailwind related websites

create responsive sections Tailwind for 4 core screans

convert css to tailwind classes

tailwindcss full config file with custom name

screen customization in tailwindcss

Comment

1

//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: [],
};

Popularity 7/10 Helpfulness 9/10 Language typescript

Source: Grepper

Tags: customization screen tailwind-css typescript

Share

Link to this answer
Share Copy Link

Shirshak Kandel

Contributed on Nov 08 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

Oops, You will need to install Grepper and log-in to perform this action.

Install Grepper Here