Print elemenets horizontally
This commit is contained in:
parent
35c5106521
commit
c204fc0ab8
31
style.css
31
style.css
@ -537,6 +537,37 @@ a { color: var(--link-color); text-decoration: none; }
|
|||||||
display: none !important;
|
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 */
|
/* CV Container – hidden unless CV mode */
|
||||||
|
|
||||||
/* Reset animations */
|
/* Reset animations */
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user