fixed footer line
This commit is contained in:
parent
0bd38101b4
commit
6bed47d3a0
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Reference in New Issue