Spaces:
Running
Running
fix the layout issue
Browse files- components/footer.js +3 -3
- components/navbar.js +2 -2
- index.html +5 -4
- style.css +1 -4
components/footer.js
CHANGED
|
@@ -9,8 +9,8 @@ class CustomFooter extends HTMLElement {
|
|
| 9 |
background: var(--dark);
|
| 10 |
color: white;
|
| 11 |
padding: 3rem 0;
|
| 12 |
-
margin-top:
|
|
|
|
| 13 |
}
|
| 14 |
-
|
| 15 |
-
.footer-container {
|
| 16 |
max-width: 1400px
|
|
|
|
| 9 |
background: var(--dark);
|
| 10 |
color: white;
|
| 11 |
padding: 3rem 0;
|
| 12 |
+
margin-top: 0;
|
| 13 |
+
width: 100%;
|
| 14 |
}
|
| 15 |
+
.footer-container {
|
|
|
|
| 16 |
max-width: 1400px
|
components/navbar.js
CHANGED
|
@@ -14,9 +14,9 @@ class CustomNavbar extends HTMLElement {
|
|
| 14 |
background: white;
|
| 15 |
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
| 16 |
border-bottom: 1px solid rgba(0,0,0,0.05);
|
|
|
|
| 17 |
}
|
| 18 |
-
|
| 19 |
-
nav {
|
| 20 |
height: 100%;
|
| 21 |
display: flex;
|
| 22 |
align-items: center;
|
|
|
|
| 14 |
background: white;
|
| 15 |
box-shadow: 0 2px 20px rgba(0,0,0,0.08);
|
| 16 |
border-bottom: 1px solid rgba(0,0,0,0.05);
|
| 17 |
+
width: 100%;
|
| 18 |
}
|
| 19 |
+
nav {
|
|
|
|
| 20 |
height: 100%;
|
| 21 |
display: flex;
|
| 22 |
align-items: center;
|
index.html
CHANGED
|
@@ -624,9 +624,10 @@
|
|
| 624 |
</head>
|
| 625 |
<body>
|
| 626 |
<custom-navbar></custom-navbar>
|
| 627 |
-
|
|
|
|
| 628 |
<div class="report-container">
|
| 629 |
-
|
| 630 |
<section class="report-hero">
|
| 631 |
<h1>EdFest 2025 Performance Report</h1>
|
| 632 |
<h2>Comprehensive Analysis & Strategic Insights</h2>
|
|
@@ -1167,10 +1168,10 @@
|
|
| 1167 |
</div>
|
| 1168 |
</section>
|
| 1169 |
</div>
|
|
|
|
| 1170 |
|
| 1171 |
<custom-footer></custom-footer>
|
| 1172 |
-
|
| 1173 |
-
<script>
|
| 1174 |
// Custom Navbar Component
|
| 1175 |
class CustomNavbar extends HTMLElement {
|
| 1176 |
connectedCallback() {
|
|
|
|
| 624 |
</head>
|
| 625 |
<body>
|
| 626 |
<custom-navbar></custom-navbar>
|
| 627 |
+
|
| 628 |
+
<main>
|
| 629 |
<div class="report-container">
|
| 630 |
+
<!-- Executive Summary -->
|
| 631 |
<section class="report-hero">
|
| 632 |
<h1>EdFest 2025 Performance Report</h1>
|
| 633 |
<h2>Comprehensive Analysis & Strategic Insights</h2>
|
|
|
|
| 1168 |
</div>
|
| 1169 |
</section>
|
| 1170 |
</div>
|
| 1171 |
+
</main>
|
| 1172 |
|
| 1173 |
<custom-footer></custom-footer>
|
| 1174 |
+
<script>
|
|
|
|
| 1175 |
// Custom Navbar Component
|
| 1176 |
class CustomNavbar extends HTMLElement {
|
| 1177 |
connectedCallback() {
|
style.css
CHANGED
|
@@ -28,7 +28,6 @@ body {
|
|
| 28 |
background-color: #f8f9fa;
|
| 29 |
color: #333;
|
| 30 |
line-height: 1.6;
|
| 31 |
-
padding-top: 80px;
|
| 32 |
min-height: 100vh;
|
| 33 |
-webkit-font-smoothing: antialiased;
|
| 34 |
-moz-osx-font-smoothing: grayscale;
|
|
@@ -83,15 +82,13 @@ a:hover {
|
|
| 83 |
}
|
| 84 |
.report-container {
|
| 85 |
max-width: 1400px;
|
| 86 |
-
margin:
|
| 87 |
padding: 2rem;
|
| 88 |
position: relative;
|
| 89 |
z-index: 1;
|
| 90 |
background: white;
|
| 91 |
box-shadow: 0 2px 20px rgba(0,0,0,0.05);
|
| 92 |
border-radius: 12px;
|
| 93 |
-
margin-top: 2rem;
|
| 94 |
-
margin-bottom: 2rem;
|
| 95 |
}
|
| 96 |
.report-hero {
|
| 97 |
text-align: center;
|
|
|
|
| 28 |
background-color: #f8f9fa;
|
| 29 |
color: #333;
|
| 30 |
line-height: 1.6;
|
|
|
|
| 31 |
min-height: 100vh;
|
| 32 |
-webkit-font-smoothing: antialiased;
|
| 33 |
-moz-osx-font-smoothing: grayscale;
|
|
|
|
| 82 |
}
|
| 83 |
.report-container {
|
| 84 |
max-width: 1400px;
|
| 85 |
+
margin: 80px auto 2rem;
|
| 86 |
padding: 2rem;
|
| 87 |
position: relative;
|
| 88 |
z-index: 1;
|
| 89 |
background: white;
|
| 90 |
box-shadow: 0 2px 20px rgba(0,0,0,0.05);
|
| 91 |
border-radius: 12px;
|
|
|
|
|
|
|
| 92 |
}
|
| 93 |
.report-hero {
|
| 94 |
text-align: center;
|