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
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Details
Build & Deploy / 🚀 Deploy (push) Successful in 26s
Details
Build & Deploy / 🧪 QA (push) Successful in 1m16s
Details
Build & Deploy / 🏗️ Build (push) Successful in 2m44s
Details
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 53s
Details
Build & Deploy / 🔔 Notify (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-07-10 19:06:46 +02:00
parent b8c21ca4b3
commit 0ed28915cc
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 */
@layer components {
.container {
width: 100%;
margin-inline: auto !important;
padding-inline: 1rem;
}
@media (width >= 640px) { .container { padding-inline: 1.5rem; } }
@media (width >= 768px) { .container { padding-inline: 2rem; } }
@media (width >= 1024px) { .container { padding-inline: 2.5rem; } }
@media (width >= 1280px) { .container { padding-inline: 3rem; } }
@media (width >= 1400px) { .container { padding-inline: 4rem; } }
@media (width >= 640px) { .container { max-width: 640px; padding-inline: 1.5rem; } }
@media (width >= 768px) { .container { max-width: 768px; padding-inline: 2rem; } }
@media (width >= 1024px) { .container { max-width: 1024px; padding-inline: 2.5rem; } }
@media (width >= 1280px) { .container { max-width: 1280px; padding-inline: 3rem; } }
@media (width >= 1536px) { .container { max-width: 1536px; padding-inline: 4rem; } }
}
/* E-TIB Custom Utilities */