Equal height for text boxes - not responsive #17

Merged
btlogy merged 1 commits from 16.equal-height-boxes into main 2024-12-17 16:37:27 +00:00
1 changed files with 9 additions and 16 deletions

View File

@ -42,6 +42,8 @@ body {
} }
#documentation .feature__wrapper { #documentation .feature__wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: auto; margin-bottom: auto;
} }
@ -52,7 +54,6 @@ body {
.feature__item { .feature__item {
background-color: #eee; background-color: #eee;
height: 15em;
margin-bottom: 1em; margin-bottom: 1em;
border-radius: 4px; border-radius: 4px;
} }
@ -85,13 +86,11 @@ body {
} }
#contribute .feature__wrapper { #contribute .feature__wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: auto; margin-bottom: auto;
} }
#contribute .feature__item {
height: 16em;
}
#blog { #blog {
margin-top: 2em; margin-top: 2em;
background-color: #eee; background-color: #eee;
@ -99,6 +98,8 @@ body {
} }
.entries-grid { .entries-grid {
display: flex;
flex-wrap: wrap;
background-color: #eee; background-color: #eee;
margin-bottom: auto; margin-bottom: auto;
padding-left: 1em; padding-left: 1em;
@ -127,20 +128,12 @@ body {
margin-right: auto; margin-right: auto;
} }
.entries-grid::after { #about .feature__wrapper {
clear: both; display: flex;
content: ""; flex-wrap: wrap;
display: table;
}
#about {
background-color: #fff; background-color: #fff;
} }
#about .feature__item {
height: 12em;
}
#about .feature__item .archive__item-title { #about .feature__item .archive__item-title {
padding-top: 0.5em; padding-top: 0.5em;
} }