Tweak layout a little for individual bios

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

1 files changed, 19 insertions, 11 deletions

diff --git a/stylesheets/membre.css b/stylesheets/membre.css
index 86d370b..adf11f4 100644
--- 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;
 }