feat: list credit card according to design

2024-07-16 15:50:26 +02:00
parent d8f7e4157a
commit 09b1d322a7
12 changed files with 195 additions and 36 deletions
--- a/app/[lang]/(live)/(protected)/my-pages/profile/@profile/page.module.css
+++ b/app/[lang]/(live)/(protected)/my-pages/profile/@profile/page.module.css
@@ -7,7 +7,7 @@
 .info {
  display: grid;
  gap: var(--Spacing-x-one-and-half) var(--Spacing-x7);
-  grid-template-columns: repeat(3, auto);
+  width: 100%;
  justify-items: flex-start;
 }

@@ -16,4 +16,15 @@
  display: grid;
  gap: var(--Spacing-x1);
  grid-template-columns: auto auto 1fr;
+  justify-items: flex-end;
+  width: 100%;
+}
+
+@media screen and (min-width: 768px) {
+  .info {
+    grid-template-columns: repeat(3, auto);
+  }
+  .item {
+    justify-items: flex-start;
+  }
 }