Merge pull request #180 from techdivision/feature/edercms-243

EDERCMS-243: Fix event hero height
techdivision · Oct 21, 2024 · 168114b · 168114b
2 parents ad94ff7 + ce4596a
commit 168114b
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/blocks/events-hero/events-hero.css b/blocks/events-hero/events-hero.css
@@ -32,7 +32,7 @@ main .events-hero-container {
   @media (width >= 900px) {
     min-height: 450px;
     display: flex;
-    align-items: start;
+    align-items: stretch;
   }
 
   p, a {
@@ -53,9 +53,11 @@ main .events-hero-container {
 
   .container-content {
     padding: 150px var(--spacing-simple);
+    display: flex;
+    align-items: center;
 
-    @media (width >= 1200px) {
-      padding: 150px 0;
+    @media (width >= 900px) {
+      padding: 0 0 0 var(--spacing-simple);
     }
 
     p {
@@ -85,6 +87,7 @@ main .events-hero-container {
     background-color: var(--color-gray-dark);
     padding: 20px;
     margin: 0 auto;
+    height: fit-content;
 
     @media (width >= 1200px) {
       margin: 0 0 0 auto;