From e7fcfb2944a9805a46024ac57c36f696161aa085 Mon Sep 17 00:00:00 2001
From: Janis Hutz <info@janishutz.com>
Date: Tue, 13 May 2025 16:43:04 +0200
Subject: [PATCH] Side-by-side styles

---
 site/src/css/side-by-side.css | 29 +++++++++++++++++++++++++++++
 site/src/index.html           |  1 +
 2 files changed, 30 insertions(+)

diff --git a/site/src/css/side-by-side.css b/site/src/css/side-by-side.css
index e69de29..3a8d9df 100644
--- a/site/src/css/side-by-side.css
+++ b/site/src/css/side-by-side.css
@@ -0,0 +1,29 @@
+.side-by-side {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+}
+
+.side-by-side-item {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    text-align: center;
+}
+
+
+@media only screen and (min-width: 999px) {
+    .side-by-side {
+        flex-direction: row;
+    }
+    
+    .side-by-side-item {
+        width: 48%;
+        margin: 0.5%;
+    }
+}
diff --git a/site/src/index.html b/site/src/index.html
index 124bc24..7be98cf 100644
--- a/site/src/index.html
+++ b/site/src/index.html
@@ -4,6 +4,7 @@
         <!-- CSS -->
         <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
         <link rel="stylesheet" href="/css/style.css">
+        <link rel="stylesheet" href="/css/side-by-side.css">
         
         <!-- SEO -->
         <title>janishutz.com - Solving your software needs with passion</title>