fix(blog): PR 리뷰와 품질 게이트 오류 해소

Author: dev-wooyeon

styles/globals.css

@@ -63,9 +63,17 @@
 .ark-site-footer {
   grid-column: 1;
   grid-row: 1;
+  position: sticky;
+  top: 2.5rem;
+  height: calc(100dvh - 5rem);
   align-self: end;
 }
 
+.ark-site-footer .ark-site-external-links {
+  height: 100%;
+  justify-content: flex-end;
+}
+
 .ark-home-statement {
   max-width: 34rem;
   margin: 0;

styles/globals.test.ts

@@ -64,7 +64,7 @@ describe('globals styles', () => {
 
   it('uses a compact single-column mobile shell and article entry scale', () => {
     expect(mobileViewportContent).toContain(
-      "grid-template-areas:\n      'identity'\n      'navigation'\n      'content';"
+      "grid-template-areas:\n      'identity'\n      'navigation'\n      'content'\n      'footer';"
     );
     expect(globalsContent).toContain('.ark-article-title {');
     expect(globalsContent).toContain('font-size: var(--text-article-title);');

styles/viewport/mobile.css

@@ -41,6 +41,8 @@
 
   .ark-site-footer {
     grid-area: footer;
+    position: static;
+    height: auto;
   }
 
   .ark-site-navigation {
@@ -88,7 +90,6 @@
     justify-self: start;
     gap: 0;
     margin-top: 0;
-    margin-bottom: var(--space-8);
   }
 
   .ark-site-grid[data-page-layout='home'] .ark-site-footer {
@@ -127,6 +128,10 @@
     padding-bottom: var(--space-2);
   }
 
+  .ark-site-grid[data-page-layout='content'] .ark-site-footer .ark-site-external-links {
+    height: auto;
+  }
+
   .ark-site-grid[data-page-layout='content'] .ark-site-external-links {
     flex-direction: row;
     justify-content: center;