Side-by-side styles

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%;
+    }
+}

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>