quatuorbellefeuille.com

commit 3cce24e09ecd52a87b34a230380d18bca6b6510d
parent 95248ae627453483f183762ccbdd87724095794e
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue,  9 Feb 2021 00:51:22 +0100

Tweak layout a little for individual bios

Probably not what we'll settle for; just to make it less ugly.

Diffstat:
M
stylesheets/membre.css
 | 
30
+++++++++++++++++++-----------

1 file changed, 19 insertions(+), 11 deletions(-)
diff --git a/stylesheets/membre.css b/stylesheets/membre.css
@@ -1,26 +1,34 @@
 main {
     display: grid;
     grid-template-columns: 60% 40%;
-    padding-right: 4%;
+    align-items: center;
+    justify-self: center;
+    width: 80%;
 }
 
-main > div {
-    padding: 2%;
+#bio {
+    justify-self: center;
 }
 
-#bio dl {
-    display: grid;
-    grid-template-columns: 1fr 2fr;
-    align-items: center;
+#bio dt, #bio dd {
+    display: inline;
 }
 
-#photo {
-    height: 90%;
-    align-self: center;
+#bio dt {
+    font-weight: bold;
+}
+
+#bio dd {
+    margin-left: 0;
+}
+
+#bio dl {
+    margin-top: 0.2em;
+    margin-bottom: 0.2em;
 }
 
 #photo img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
 }