From f177a1923061754e9d7a76bc070f858a0595b5f7 Mon Sep 17 00:00:00 2001
From: Star Rauchenberger <fefferburbia@gmail.com>
Date: Sun, 5 Jan 2025 16:30:40 -0500
Subject: Made quotes more mobile-friendly

---
 app/assets/stylesheets/quotes/layout.css.sass | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/quotes/layout.css.sass b/app/assets/stylesheets/quotes/layout.css.sass
index 0f4a87f..f620304 100644
--- a/app/assets/stylesheets/quotes/layout.css.sass
+++ b/app/assets/stylesheets/quotes/layout.css.sass
@@ -3,11 +3,13 @@ body
     background-color: rgb(102,102,102)
 
 #wrap
-    width: 80%
-    margin: 1em auto
     background-color: white
     border: 1px solid black
 
+    @media only screen and (min-width: 768px)
+        width: 80%
+        margin: 1em auto
+
 #banner
     background-color: rgb(153,0,0)
     font-size: 1.25em
@@ -91,7 +93,6 @@ body
             margin: 0.5em 0.75em
             padding: 0
             position: static
-            width: 100%
             .quote-speaker
                 font-weight: bold
                 color: green
@@ -135,15 +136,16 @@ body
         margin: 0.5em
     textarea
         width: 100%
-    #about-left
-        float: left
-        width: 48%
-        margin-right: 1em
-    #about-right
-        float: right
-        width: 48%
-        margin-left: 1em
-        margin-bottom: 1em
+    @media only screen and (min-width: 768px)
+        #about-left
+            float: left
+            width: 48%
+            margin-right: 1em
+        #about-right
+            float: right
+            width: 48%
+            margin-left: 1em
+            margin-bottom: 1em
 
 #error-messages
     margin: .5em
-- 
cgit 1.4.1