Do the strict minimum for ensemble bio on mobile

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;
     }
 }