From b9fc18b0ed3efa62c88df5aef33bb20547d5e502 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Wed, 7 Aug 2019 14:02:22 +0200
Subject: [PATCH] limit image height, hyphenate long words

---
 src/css/events.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/events.scss b/src/css/events.scss
index c0a0caf..1456ebf 100644
--- a/src/css/events.scss
+++ b/src/css/events.scss
@@ -96,11 +96,13 @@
   &-title {
     display: block;
     text-decoration: none;
-    font-size: 1.5rem;
+    font-size: 1.4rem;
     font-weight: 700;
     line-height: 1.1;
     margin: 1rem 0.6rem 0.8rem;
     flex-grow: 1;
+    word-wrap: break-word;
+    hyphens: auto;
   }
 
   .event-date {
@@ -162,12 +164,17 @@
     &-image {
       width: 36%;
       height: 100%;
+      max-height: 10rem;
     }
   
     &-header {
       width: 64%;
     }
 
+    &-title {
+      font-size: 1.2rem;
+    }
+
     &:hover {
       box-shadow: none;
     }