From 4b4e8d46eba01765c2375304373e974c605765d0 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Sun, 10 Mar 2024 21:08:16 +0100
Subject: [PATCH] Make images in further columns same height
---
sass/_content.scss | 9 +++++++++
templates/shortcodes/further.html | 4 ++--
2 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/sass/_content.scss b/sass/_content.scss
index d90c3dcb..fa6e5047 100644
--- a/sass/_content.scss
+++ b/sass/_content.scss
@@ -13,3 +13,12 @@
@extend .media;
align-items: center;
}
+
+.further-section figure {
+ height: 16rem;
+
+ img {
+ width: 100%;
+ height: auto;
+ }
+}
diff --git a/templates/shortcodes/further.html b/templates/shortcodes/further.html
index 261ff7ce..cedd1771 100644
--- a/templates/shortcodes/further.html
+++ b/templates/shortcodes/further.html
@@ -1,6 +1,6 @@
-<section class="section">
+<section class="section further-section">
<h2>{{title|default(value="Weiteres zu diesem Thema")}}</h2>
- <div class="columns is-multiline">
+ <div class="columns is-multiline is-same-height">
{% for further in page.extra.further[category] %}
<div class="column is-one-third">
<div class="card">
--
GitLab