Stretch subprocessor cards to align bottom edges
Drop items-start from the category grid so its rows stretch again. Each card is a block grid item that fills the row height, lining up the bottom edges of cards on the same row regardless of how much text each one carries. Signed-off-by: Émile Ré <emile@probo.com>
This commit is contained in:
@@ -45,7 +45,7 @@ export function SubprocessorCategorySection({ category, subprocessors }: Subproc
|
|||||||
{t(`categories.${category}.description`)}
|
{t(`categories.${category}.description`)}
|
||||||
</Text>
|
</Text>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 items-start gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
{subprocessors.map(subprocessor => (
|
{subprocessors.map(subprocessor => (
|
||||||
<SubprocessorListItem key={subprocessor.id} subprocessorKey={subprocessor} />
|
<SubprocessorListItem key={subprocessor.id} subprocessorKey={subprocessor} />
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in New Issue
Block a user