From 29ec9e1dc226268b08528bc4e28eb69967b4ff19 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 6 Mar 2021 23:09:56 +0100
Subject: Make layout of contact page more robust

Prevent #partners from overflowing into sidebar.
---
 stylesheets/contact.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'stylesheets')

diff --git a/stylesheets/contact.css b/stylesheets/contact.css
index 75bb458..221df09 100644
--- 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;
-- 
cgit v1.2.3