diff --git a/src/components/Footer.css b/src/components/Footer.css index b29feb8..289a9d7 100644 --- a/src/components/Footer.css +++ b/src/components/Footer.css @@ -33,14 +33,22 @@ .footer-content { margin-bottom: auto; text-align: center; + width: 100%; +} + +.footer-content a { + color: #fff; + font-size: 1.2rem; + text-decoration: underline; } .footer-icons { display: flex; flex-direction: column; gap: 1rem; - align-items: flex-end; - margin-right: 1rem; + align-items: flex-start; + margin-left: 1rem; + width: 100%; } .footer-icon { diff --git a/src/components/Footer.js b/src/components/Footer.js index db4ef05..69aed18 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -25,7 +25,15 @@ const Footer = () => { {isExpanded ? "↓" : "↑"}
-

© {new Date().getFullYear()} Hangman Lab. All rights reserved.

+

© {new Date().getFullYear()} Hangman Lab. {!isVisible && ( +      + email +      + git +      +      + + )}

{ isVisible && (
{ > GitHub - GitHub + Git