Add a bit more space and restrict image size by viewport height
This commit is contained in:
parent
b7373d2b98
commit
317bebc7a8
|
@ -17,6 +17,7 @@ h1 {
|
|||
display: grid;
|
||||
grid-template-columns: auto auto;
|
||||
grid-template-rows: 1fr auto;
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
#hdr { grid-column: 1 / span 2; grid-row: 1; }
|
||||
|
@ -80,6 +81,6 @@ header {
|
|||
.pic img {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
max-width: 48vw;
|
||||
max-height: 48vw;
|
||||
max-width: min(48vw, calc(100vh - 13rem));
|
||||
max-height: min(48vw, calc(100vh - 13rem));
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue