Make layout of contact page more robust

Prevent #partners from overflowing into sidebar.

1 files changed, 6 insertions, 3 deletions

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;