mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix(css): add max-width to .container breakpoints in globals.css

Browse Source
This commit is contained in:
Marc Mintel
2026-07-10 19:06:46 +02:00
parent b8c21ca4b3
commit dd68a6dfcd
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/globals.css
View File

@@ -6,14 +6,15 @@
/* Fix for Tailwind v4 missing container center & padding */ /* Fix for Tailwind v4 missing container center & padding */
@layer components { @layer components {
.container { .container {
width: 100%;
margin-inline: auto !important; margin-inline: auto !important;
padding-inline: 1rem; padding-inline: 1rem;
} }
@media (width >= 640px) { .container { padding-inline: 1.5rem; } } @media (width >= 640px) { .container { max-width: 640px; padding-inline: 1.5rem; } }
@media (width >= 768px) { .container { padding-inline: 2rem; } } @media (width >= 768px) { .container { max-width: 768px; padding-inline: 2rem; } }
@media (width >= 1024px) { .container { padding-inline: 2.5rem; } } @media (width >= 1024px) { .container { max-width: 1024px; padding-inline: 2.5rem; } }
@media (width >= 1280px) { .container { padding-inline: 3rem; } } @media (width >= 1280px) { .container { max-width: 1280px; padding-inline: 3rem; } }
@media (width >= 1400px) { .container { padding-inline: 4rem; } } @media (width >= 1536px) { .container { max-width: 1536px; padding-inline: 4rem; } }
} }
/* E-TIB Custom Utilities */ /* E-TIB Custom Utilities */