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`)}
|
||||
</Text>
|
||||
</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 => (
|
||||
<SubprocessorListItem key={subprocessor.id} subprocessorKey={subprocessor} />
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user