hjp
/
picture-tournament
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add a bit more space and restrict image size by viewport height

This commit is contained in:
Peter J. Holzer 2021-08-29 11:41:52 +02:00
parent b7373d2b98
commit 317bebc7a8
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pt/static/style.css
View File

@ -17,6 +17,7 @@ h1 {
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
grid-template-rows: 1fr auto; grid-template-rows: 1fr auto;
gap: 2em;
} }
#hdr { grid-column: 1 / span 2; grid-row: 1; } #hdr { grid-column: 1 / span 2; grid-row: 1; }
@ -80,6 +81,6 @@ header {
.pic img { .pic img {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
max-width: 48vw; max-width: min(48vw, calc(100vh - 13rem));
max-height: 48vw; max-height: min(48vw, calc(100vh - 13rem));
} }