quatuorbellefeuille.com

commit ce8851efc5ab26e6e40bcafd4d0ae2b6c3fac839
parent 8793ea58d8b3586f2444f8f7bf325347fca7caeb
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sat, 13 Feb 2021 21:50:53 +0100

Do the strict minimum for ensemble bio on mobile

Diffstat:
M
stylesheets/commun.css
 | 
2
+-
M
stylesheets/quatuor.css
 | 
25
+++++++++++++------------

2 files changed, 14 insertions(+), 13 deletions(-)
diff --git 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
@@ -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;
     }
 }