Fix footer positioning

michaeldoylecs · Dec 2, 2024 · d2f6ae3 · d2f6ae3
1 parent d76018d
commit d2f6ae3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -31,6 +31,7 @@ main {
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
+  align-items: center;
   align-content: center;
 }
 
@@ -46,6 +47,7 @@ footer a {
   font-size: 0.8rem;
   display: flex;
   justify-content: center;
+  align-items: center;
   align-content: center;
   gap: 3px;
 }

diff --git a/src/App.tsx b/src/App.tsx
@@ -15,7 +15,7 @@ function App() {
       <footer>
         <a href="https://github.com/michaeldoylecs" target="_blank">
           <img src="github-mark.svg" width="20px" height="20px"></img>
-          Michael Doyle
+          <span>Michael Doyle</span>
         </a>
       </footer>
     </div>