fix: update layout and style for main content structure

2025-08-20 20:31:57 -04:00
parent a03e85c15d
commit ba717cb3e9
2 changed files with 10 additions and 1 deletions
--- a/src/_includes/layout.njk
+++ b/src/_includes/layout.njk
@@ -44,7 +44,7 @@
            <a href="/{{ site.resumeUrl }}" target="_blank" class="hidden block btn mt-2">View Resume</a>
        </div>
    </header>
-    <main class="container mx-auto px-6 py-12">
+    <main class="main-content container mx-auto px-6 py-12">
        {{ content | safe }}
    </main>
    <!-- Footer -->
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1,7 +1,16 @@
+html, body {
+    height: 100%;
+}
 body {
    font-family: 'Inter', sans-serif;
    background-color: #1a202c;
    color: #e2e8f0;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+.main-content {
+    flex: 1;
 }
 .section-title {
    border-bottom: 2px solid #4a5568;