feat: add card grid component

2024-04-26 08:19:19 +02:00
parent 2ddabf1e50
commit 00f30811cf
33 changed files with 575 additions and 121 deletions
--- a/components/Loyalty/Blocks/CardGrid/cardGrid.module.css
+++ b/components/Loyalty/Blocks/CardGrid/cardGrid.module.css
@@ -0,0 +1,28 @@
+.container {
+  display: grid;
+  gap: 2.4rem;
+}
+
+.subtitle {
+  margin: 0;
+}
+
+.titleContainer {
+  display: grid;
+  gap: 0.8rem;
+}
+
+.cardContainer {
+  display: grid;
+  gap: 1.6rem;
+}
+
+@media screen and (min-width: 950px) {
+  .cardContainer {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .cardWrapper:last-child {
+    grid-column: span 2;
+  }
+}