about section

2026-05-04 05:58:16 +00:00 · 2024-02-24 15:49:56 +01:00
parent 2aaeeeed8b
commit d13bd5d3bb
2 changed files with 60 additions and 4 deletions
@@ -1,10 +1,6 @@
 import { styled } from 'styled-components';

 export const StyledAbout = styled.section`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-
  .about-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
@@ -30,4 +26,29 @@ export const StyledAbout = styled.section`
      }
    }
  }
+
+  .about-stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 2em;
+    margin-top: 4em;
+  }
+
+  .stat-item {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: 2.5em;
+
+    text-align: center;
+    padding: 2em 1em;
+    min-height: 250px;
+
+    border-radius: 1em;
+    background-color: ${({ theme }) => theme.colors['600']};
+
+    h1 {
+      margin: 0;
+    }
+  }
 `;