Remove root width constraints

Eliminated max-width and default padding on #root in App.css and added full-width rules in index.css to prevent beige side edges and allow hero background to span full viewport.

X-Lovable-Edit-ID: edt-9f685be6-9908-4736-8521-d1a25ed034b9
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 22:04:55 +00:00
2 changed files with 12 additions and 4 deletions
+4 -4
View File
@@ -1,8 +1,8 @@
#root { #root {
max-width: 1280px; max-width: none;
margin: 0 auto; margin: 0;
padding: 2rem; padding: 0;
text-align: center; text-align: inherit;
} }
.logo { .logo {
+8
View File
@@ -76,6 +76,14 @@
font-family: var(--font-body); font-family: var(--font-body);
} }
/* Ensure full-width layout (avoid template max-width/padding on #root) */
#root {
max-width: none;
margin: 0;
padding: 0;
text-align: inherit;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display); font-family: var(--font-display);
} }