From 62d5e32a61c3e94e483c8986905df6df8a440043 Mon Sep 17 00:00:00 2001
From: Carla Goncalves <goncalves@prisma.io>
Date: Tue, 30 Dec 2025 13:39:39 +0000
Subject: [PATCH] Update gettingstarted styling with grid element Update
 fontawesome file

---
 src/css/all.css                    |  8 ++++++--
 src/css/gettingStarted.module.scss | 19 +++++++++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/css/all.css b/src/css/all.css
index 7f5102a860..8adc1e826a 100644
--- a/src/css/all.css
+++ b/src/css/all.css
@@ -726,10 +726,10 @@
 }
 
 .fa-arrow-down::before {
-  content: "\f063"
+  content: "\f063";
 }
 .fa-arrow-up::before {
-  content: "\f062"
+  content: "\f062";
 }
 
 .fa-arrows-rotate::before {
@@ -1020,6 +1020,10 @@
   content: "\e2ca";
 }
 
+.fa-link::before {
+  content: "\f0c1";
+}
+
 .sr-only,
 .fa-sr-only {
   position: absolute;
diff --git a/src/css/gettingStarted.module.scss b/src/css/gettingStarted.module.scss
index c14597e6eb..514c61b72d 100644
--- a/src/css/gettingStarted.module.scss
+++ b/src/css/gettingStarted.module.scss
@@ -74,6 +74,25 @@
   }
 }
 
+.grid {
+  gap: 16px;
+  display: grid;
+  margin-top: 24px;
+  grid-template-columns: none;
+  @media (min-width: 600px) {
+    grid-template-columns: 1fr 1fr;
+  }
+  a {
+    border-color: var(--ifm-btn-border-color);
+    background: transparent;
+    color: var(--main-font-color);
+    &:hover {
+      border-color: var(--ifm-btn-border-color-active);
+      background: transparent;
+    }
+  }
+}
+
 .boxTitle {
   font-family: Barlow, system-ui, Arial, sans-serif;
   font-style: normal;