From 41d5582e5a13603bb764ab6bb7859d1aa491c3de Mon Sep 17 00:00:00 2001
From: Benoit Donneaux <benoit@leastauthority.com>
Date: Tue, 17 Dec 2024 16:37:27 +0000
Subject: [PATCH] Equal height for text boxes - not responsive (#17)
Part of #16
Reviewed-on: https://code.lafs.eval.latfa.net/tahoe-lafs/web-landing-page/pulls/17
Co-authored-by: Benoit Donneaux <benoit@leastauthority.com>
Co-committed-by: Benoit Donneaux <benoit@leastauthority.com>
---
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;
}