Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(v4): add utility container class for responsive layout adjustments #6999

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

brunos3d
Copy link

This PR basically adds a new container utility to Tailwind CSS. This utility allows you to create a responsive container that centers your content and applies padding based on the screen size.

So it gives a seamless experience for using the container class for users that are used to the old tailwind.config.ts

import type { Config } from 'tailwindcss';

const config: Config = {
  theme: {
    extend: {
      // ...
      container: {
        center: true,
        padding: {
          DEFAULT: '1.25rem',
        },
        screens: {
          '2xl': '1400px',
        },
      },
      // ...
    },
  },
};

export default config;

Cheers 🥂

Copy link

vercel bot commented Mar 23, 2025

@brunos3d is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

@brunos3d brunos3d changed the title feat: add utility container class for responsive layout adjustments feat(v4): add utility container class for responsive layout adjustments Mar 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant