From 446eeabcb3b317ae08c512b08a5d47555e95543d Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Fri, 2 May 2025 10:46:10 +0300
Subject: [PATCH] Refactor App.svelte layout by enhancing main container styles
 for improved responsiveness and structure

---
 src/App.svelte | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index dc09654..d238013 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -245,7 +245,7 @@
   }
 </script>
 
-<main class="container">
+<main class="container app-flex">
   <Header
     {logos}
     {theme}
@@ -274,7 +274,7 @@
     {openLogoByAnchor}
   />
 
-  <div class="logos-container">
+  <div class="logos-container main-content">
     {#if viewMode === "grid"}
       <Grid
         logos={filteredLogos}
@@ -317,6 +317,17 @@
   </footer>
 
   <style>
+    .app-flex {
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+    }
+    .main-content {
+      flex: 1 0 auto;
+    }
+    footer {
+      flex: 0 0 auto;
+    }
     .footer-flex {
       display: flex;
       align-items: center;