From 0970001a12d8dedf6632a33e3edc7cf5f8575316 Mon Sep 17 00:00:00 2001 From: Benoit Donneaux Date: Tue, 17 Dec 2024 13:57:13 +0100 Subject: [PATCH] Equal height for text boxes - not responsive Signed-off-by: Benoit Donneaux --- src/_sass/_custom.scss | 25 +++++++++---------------- 1 file changed, 9 insertions(+), 16 deletions(-) diff --git a/src/_sass/_custom.scss b/src/_sass/_custom.scss index 1cc29f4..53e6035 100644 --- a/src/_sass/_custom.scss +++ b/src/_sass/_custom.scss @@ -42,6 +42,8 @@ body { } #documentation .feature__wrapper { + display: flex; + flex-wrap: wrap; margin-bottom: auto; } @@ -52,7 +54,6 @@ body { .feature__item { background-color: #eee; - height: 15em; margin-bottom: 1em; border-radius: 4px; } @@ -85,13 +86,11 @@ body { } #contribute .feature__wrapper { + display: flex; + flex-wrap: wrap; margin-bottom: auto; } -#contribute .feature__item { - height: 16em; -} - #blog { margin-top: 2em; background-color: #eee; @@ -99,6 +98,8 @@ body { } .entries-grid { + display: flex; + flex-wrap: wrap; background-color: #eee; margin-bottom: auto; padding-left: 1em; @@ -127,20 +128,12 @@ body { margin-right: auto; } -.entries-grid::after { - clear: both; - content: ""; - display: table; -} - -#about { +#about .feature__wrapper { + display: flex; + flex-wrap: wrap; background-color: #fff; } -#about .feature__item { - height: 12em; -} - #about .feature__item .archive__item-title { padding-top: 0.5em; } -- 2.44.1