Merge pull request #246 from ahmed0saber/stretch-algorithm-cards-to-s…

…ame-height Set same height for all algo cards in same row
TheAlgorithms · Jul 30, 2023 · 8b95b76 · 8b95b76 · vercel · Jul 30, 2023
2 parents f7e816b + c3a5058
commit 8b95b76
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/components/algorithmsList/algorithmCard/index.tsx b/components/algorithmsList/algorithmCard/index.tsx
@@ -20,7 +20,7 @@ export default function AlgorithmCard({ algorithm }: { algorithm: Algorithm }) {
   const t = useTranslation();
 
   return (
-    <Card className="elevateOnHover">
+    <Card className={`elevateOnHover ${classes.stretchedCard}`}>
       <CardContent>
         <Breadcrumbs>
           {algorithm.categories.map((category) => (

diff --git a/components/algorithmsList/algorithmCard/style.module.css b/components/algorithmsList/algorithmCard/style.module.css
@@ -35,3 +35,10 @@
 .actions {
   justify-content: space-between;
 }
+
+.stretchedCard {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}