quatuorbellefeuille.com

commit 29ec9e1dc226268b08528bc4e28eb69967b4ff19
parent 8ef174bc3a391b3ecad62b0390f5d4c4d176f8a2
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sat,  6 Mar 2021 23:09:56 +0100

Make layout of contact page more robust

Prevent #partners from overflowing into sidebar.

Diffstat:
M
stylesheets/contact.css
 | 
9
++++++---

1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/stylesheets/contact.css b/stylesheets/contact.css
@@ -16,9 +16,10 @@ main h1 {
         border-right: solid 1px #e05a00;
         /* Try to set this so that border does not go too far below photo. */
         height: 28em;
+        padding-right: 2em;
     }
-    #contact-us, #partners {
-        margin: 2em;
+    #partners {
+        padding-left: 2em;
     }
 
     #contact-us dl:not(:first) {
@@ -36,14 +37,16 @@ main h1 {
 
     #contact-us figure {
         margin-left: 0;
+        max-width: 80%;
     }
 
     #contact-us figure img {
-        max-width: 30em;
+        max-width: 100%;
     }
 
     #partners ul {
         display: flex;
+        flex-wrap: wrap;
         align-items: center;
         margin-top: 3em;
         padding-left: 0;