Update gettingstarted styling with grid element Update fontawesome file (#7415)

Author: carlagn

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;

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;