From 97a094f56d57d960ebfabdc7c52ded704691dac9 Mon Sep 17 00:00:00 2001
From: Adam Mohammed <adam@fixergrid.net>
Date: Mon, 18 Nov 2024 22:01:12 -0500
Subject: [PATCH] Fix some responsiveness

---
 app/views/home/index.html.erb          | 8 ++++----
 app/views/layouts/application.html.erb | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index cce4fcf..c45dc85 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -11,7 +11,7 @@
       </div>
       <nav class="flex items-center justify-between flex-wrap pt-12 z-30">
 	<div class="bg-[#a99dab] w-full block flex-grow lg:hidden">
-	  <div id="nav-links" class="text-xl max-md:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
+	  <div id="nav-links" class="text-xl max-lg:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
 	    <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Our Story</a>
 	    <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
 	    <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
@@ -44,7 +44,7 @@
       <div class="text-xl px-4 lg:text-2xl">June 7, 2025 • West Chester, PA</div>
     </div>
 
-    <div class="w-full block flex-grow max-md:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
+    <div class="w-full block flex-grow max-lg:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
       <div id="nav-links-lg" class="text-xl  flex flex-col lg:flex-row lg:mr-4">
 	<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Our Story</a>
 	<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Ceremony & Reception</a>
@@ -89,7 +89,7 @@
     </ol>
   </div>
 </div>
-<div id="ceremony" class="w-screen bg-[#ddd3be] lg:bg-[#fdfefe] lg:my-8">
+<div id="ceremony" class="w-screen bg-[#d2b4de] lg:bg-[#fdfefe] lg:my-8">
   <div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
     <div class="flex flex-col lg:flex-row lg:space-x-4">
       <div class="basis-1/3 max-md:hidden">
@@ -113,7 +113,7 @@
 <div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
   <img src="assets/love-park-small.png">
 </div>
-<div id="accommodations" class="w-screen text-slate-900 lg:my-8">
+<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]">
   <div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
     <div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
       <!-- <span class="text-7xl pl-4">🛏️</span> -->
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 339a0d4..15d15e1 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -27,7 +27,7 @@
       var burgerMenu = document.getElementById('burger-menu');
       var navLinks = document.getElementById('nav-links');
       burgerMenu.addEventListener('click', function() {
-	  navLinks.classList.toggle("max-md:hidden");
+	  navLinks.classList.toggle("max-lg:hidden");
       });
     </script>