diff options
| -rw-r--r-- | stylesheets/commun.css | 2 | ||||
| -rw-r--r-- | stylesheets/quatuor.css | 25 |
2 files changed, 14 insertions, 13 deletions
diff --git a/stylesheets/commun.css b/stylesheets/commun.css index 6fe4dfb..135fec5 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -253,7 +253,7 @@ footer.legal { main { grid-row: 3; grid-column: 1 / -1; - padding: 0.8em; + padding: 0.8em; /* TODO: remove? */ } header.menu { diff --git a/stylesheets/quatuor.css b/stylesheets/quatuor.css index cc79f60..97aa2f1 100644 --- a/stylesheets/quatuor.css +++ b/stylesheets/quatuor.css @@ -57,29 +57,30 @@ filter: none; transform: scale(1.05); } - - #photos p { - margin: 0; - } } @media (max-width: 40em) { #photos { display: grid; - grid-template-columns: repeat(4, 20%); + grid-template-columns: repeat(auto-fit, minmax(20%, 50%)); justify-content: space-evenly; width: 100%; } - #photos > * { - width: 100%; - height: 50vh; + #photos > a.member { + display: block; + text-decoration: none; } #photos img.portrait { - width: 100%; - height: 100%; - object-fit: cover; - object-position: center; + display: block; + margin-left: auto; + margin-right: auto; + max-height: 60vh; + } + + #photos p { + margin: 0; + text-align: center; } } |