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:
+4
-4
@@ -1,8 +1,8 @@
|
||||
#root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.logo {
|
||||
|
||||
@@ -76,6 +76,14 @@
|
||||
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 {
|
||||
font-family: var(--font-display);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user