From 46cb004c04ce60902175268850f71ee5090b341d Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 4 Jul 2022 14:57:27 -0500
Subject: [PATCH 1/2] Tailwind: reduce xl breakpoint to 1280px

---
 tailwind.config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 7ac10feee..45644a143 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
       sm: '581px',
       md: '768px',
       lg: '976px',
-      xl: '1440px',
+      xl: '1280px',
     },
     extend: {
       fontSize: {

From 53629737b1d2a73ea522e4eaafdb8d345b7304fc Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 6 Jul 2022 10:13:34 -0500
Subject: [PATCH 2/2] CSS: 1440px --> 1280px

---
 app/styles/about.scss  | 4 ++--
 app/styles/footer.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/styles/about.scss b/app/styles/about.scss
index 5e2753feb..038e34ec8 100644
--- a/app/styles/about.scss
+++ b/app/styles/about.scss
@@ -52,7 +52,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
   .container {
     width: 100%;
-    max-width: 1440px;
+    max-width: 1280px;
 
     @media screen and (max-width: $no-gap-breakpoint) {
       padding: 0;
@@ -82,7 +82,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
     .header-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: stretch;
       justify-content: center;
       flex-wrap: nowrap;
diff --git a/app/styles/footer.scss b/app/styles/footer.scss
index e73994922..835d40061 100644
--- a/app/styles/footer.scss
+++ b/app/styles/footer.scss
@@ -15,7 +15,7 @@
 
     .footer-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: center;
       padding: 0 20px;
       flex-direction: column-reverse;