diff --git a/src/styles/components/Footer.css b/src/styles/components/Footer.css index bf9cf91..271e607 100644 --- a/src/styles/components/Footer.css +++ b/src/styles/components/Footer.css @@ -113,39 +113,47 @@ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; - /* Two main cols, then copyright row */ - gap: 1rem; + gap: 1rem 0; text-align: center; + position: relative; + } + + /* Centered vertical divider using pseudo-element */ + .footer__content::before { + content: ''; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + width: 2px; + height: calc(100% - 3rem); + /* Stop before copyright */ + background: rgba(0, 0, 0, 0.1); } .footer__links { flex-direction: column; align-items: center; - /* Center horizontally in the half */ justify-content: flex-start; - padding-right: 0.5rem; - border-right: 2px solid rgba(0, 0, 0, 0.1); + padding-right: 1rem; margin-bottom: 0; } .footer__contact-details { flex-direction: column; align-items: center; - /* Center horizontally in the half */ justify-content: flex-start; - padding-left: 0.5rem; + padding-left: 1rem; text-align: center; margin-bottom: 0; } .footer__copyright { grid-column: 1 / -1; - /* Span full width at bottom */ width: 100%; text-align: center; padding-top: 1rem; border-top: 2px solid rgba(0, 0, 0, 0.05); - /* Optional top separator */ } /* Reset text alignments to center */