Push the links down a little
This commit is contained in:
parent
fa1f820ac6
commit
15572f5b67
18
index.html
18
index.html
|
@ -23,6 +23,18 @@ div.container {
|
|||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
div.box {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
div.box div.spacer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
div.container {
|
||||
position: absolute;
|
||||
|
@ -36,6 +48,10 @@ div.container {
|
|||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
div.box div.spacer {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
div.box a {
|
||||
|
@ -51,9 +67,11 @@ div.box a:hover {
|
|||
<body>
|
||||
<div class="container">
|
||||
<div class="remi box">
|
||||
<div class="spacer"></div>
|
||||
<h1><a href="https://remi.rampin.org/">Rémi Rampin<br /><span style="font-size: 60%;">Software Engineer</span></a></h1>
|
||||
</div>
|
||||
<div class="vicky box">
|
||||
<div class="spacer"></div>
|
||||
<h1><a href="https://vicky.rampin.org/">Vicky Rampin<br /><span style="font-size: 60%;">Librarian for Data Management<br />and Reproducibility</span></a></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue