Adding smaller breakpoints in tailwindcss

Shirshak Kandel answered on August 26, 2022 Popularity 10/10 Helpfulness 6/10

answer Adding smaller breakpoints in tailwindcss

related tailwind css Adding smaller breakpoints

related add breakpoint tailwind

related tailwind css Adding smaller breakpoints

Adding smaller breakpoints in tailwindcss

Comment

//tailwind.config.js
theme: {
    screens: {
      xs: '320px',
      sm: '375px',
      lsm: '425px',

      md: '768px',
      // => @media (min-width: 768px) { ... }

      lg: '1024px',
      // => @media (min-width: 1024px) { ... }

      xl: '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    },

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: tailwindcss.com

Tags: breakpoints javascript tailwind-css

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Closely Related Answers

tailwind css Adding smaller breakpoints

Comment

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    screens: {
      'xs': '475px',
      ...defaultTheme.screens,
    },
  },
  variants: {},
  plugins: [],
}

Popularity 9/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Oct 02 2022

Abhishek Patange

0 Answers Avg Quality 2/10

add breakpoint tailwind

Comment

module.exports = {
  theme: {
    extend: {
      screens: {
        'lg': '992px',
        // => @media (min-width: 992px) { ... }
      },
    },
  },
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: add

Link to this answer
Share Copy Link

Contributed on Aug 26 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

tailwind css Adding smaller breakpoints

Comment

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    screens: {
      'xs': '475px',
      ...defaultTheme.screens,
    },
  },
  variants: {},
  plugins: [],
}

Popularity 9/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Oct 02 2022

Abhishek Patange

0 Answers Avg Quality 2/10

tailwind css Adding smaller breakpoints

Comment

const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
  theme: {
    screens: {
      'xs': '475px',
      ...defaultTheme.screens,
    },
  },
  variants: {},
  plugins: [],
}

Popularity 9/10 Helpfulness 2/10 Language css

Source: tailwindcss.com

Tags: breakpoints brea

Link to this answer
Share Copy Link

Contributed on Oct 02 2022

Abhishek Patange

0 Answers Avg Quality 2/10

Adding smaller breakpoints in tailwindcss

Contents

More Related Answers

Adding smaller breakpoints in tailwindcss

Closely Related Answers

tailwind css Adding smaller breakpoints

add breakpoint tailwind

tailwind css Adding smaller breakpoints

tailwind css Adding smaller breakpoints

Grepper

Documentation

Social

Legal

Contact

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