From 2ee91c9686be8a4f6b9bd89df380d02407571823 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Stefan=20B=C3=BChler?= Date: Sat, 4 Jan 2025 00:08:42 +0100 Subject: [PATCH] fix css grid on mobile --- css/ct-events.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/css/ct-events.css b/css/ct-events.css index 0b91660..cdda86f 100644 --- a/css/ct-events.css +++ b/css/ct-events.css @@ -18,9 +18,7 @@ } .cte-events /* .cte-event */ .cte-summary { display: grid; - gap: 1.5rem; - padding-right: 1.5rem; - grid-template-columns: 1fr 4fr; + grid-template-columns: 20% 80%; grid-template-rows: auto; grid-template-areas: "image info"; @@ -36,18 +34,17 @@ overflow: hidden; } .cte-events /* .cte-event .cte-summary */ .cte-image { - grid-area: image - width: 100%; + grid-area: image; } .cte-events /* .cte-event .cte-summary */ .cte-image img { width: 100%; - /* height: 100%; */ object-fit: cover; vertical-align: middle; border-style: none; } .cte-events /* .cte-event .cte-summary */ .cte-info { - grid-area: info + grid-area: info; + padding: 0 1.5rem; } .cte-events /* .cte-event .cte-summary .cte-info */ .cte-info-header { color: var(--cte-header-color);