Print elemenets horizontally
This commit is contained in:
parent
35c5106521
commit
c204fc0ab8
31
style.css
31
style.css
@ -536,6 +536,37 @@ a { color: var(--link-color); text-decoration: none; }
|
||||
.hiring-cta, .hiring-btn, .cv-section::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Re‑enable and layout the contact link grid horizontally */
|
||||
.link-grid {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
width: 100% !important;
|
||||
}
|
||||
.contact .link-grid a {
|
||||
flex: 1 1 0 !important;
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Make mono-addr display horizontally in print */
|
||||
address.mono-addr {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
address.mono-addr span {
|
||||
display: inline-block !important;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* Make contact links span more horizontally in print */
|
||||
.contact {
|
||||
/* Span more columns in the grid for a wider layout */
|
||||
grid-column: span 3 !important;
|
||||
}
|
||||
/* Removed duplicate flex layout for .contact .link-grid */
|
||||
|
||||
/* CV Container – hidden unless CV mode */
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user