From 602fb0f9c32a4ebf45cce7d6bf86cad4b075ca05 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Fri, 6 Jan 2023 22:52:26 -0800
Subject: [PATCH] Added responsiveness

---
 css/general.css | 13 +++++++++++++
 js/general.js   |  6 ++++++
 2 files changed, 19 insertions(+)

diff --git a/css/general.css b/css/general.css
index 4e27539..6281bcf 100644
--- a/css/general.css
+++ b/css/general.css
@@ -165,6 +165,19 @@ li .splide__pagination__page.is-active {
   background: #2c2c2c;
 }
 
+@media (max-width: 950px) {
+  .slide-content {
+    margin: auto;
+    padding: 10px 5px 20px;
+  }
+  
+  .slide-img {
+    max-width: 800px;
+    width: 100%;
+    height: unset;
+  }
+}
+
 .about-parent {
   display: flex;
   flex-flow: row wrap;
diff --git a/js/general.js b/js/general.js
index 052d6d8..c024f27 100644
--- a/js/general.js
+++ b/js/general.js
@@ -5,6 +5,12 @@ document.addEventListener( 'DOMContentLoaded', function() {
         focus  : 'center',
         autoWidth: true,
         autoplay: true,
+        mediaQuery: 'max',
+        breakpoints: {
+            950: {
+                destroy: true,
+            },
+        },
     } );
     splide.mount();
 });
\ No newline at end of file