fixed footer line

This commit is contained in:
ismail 2026-02-02 20:37:12 +01:00
parent 0bd38101b4
commit 6bed47d3a0
1 changed files with 17 additions and 9 deletions

View File

@ -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 */