From c96e7e1dd0e1f392d3f7ff11d2ef545a88a33faf Mon Sep 17 00:00:00 2001
From: marcellus <msimon_fr@hotmail.com>
Date: Tue, 16 Jan 2024 00:42:48 +0100
Subject: fix: (hopefully) fixed mobile accessibility

---
 style.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 15978f7..1229d4e 100644
--- a/style.css
+++ b/style.css
@@ -2,8 +2,8 @@ body {
     background: url("img/wp2.png") ;
     text-align: center;
     color: beige;
-    padding-left: 15vw;
-    padding-right: 15vw;
+    padding-left: 5vw;
+    padding-right: 5vw;
 }
 
 a {
@@ -15,14 +15,17 @@ abbr{
 
 .audio-players{
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-around;
-    margin: 1.5em auto;
+    margin: 2em auto;
 }
 
 .audio {
     display: flex;
     flex-direction: column;
+    flex-wrap: nowrap;
     align-items: center;
+    min-width: 20vw;
     width: 27%;
     padding: 20px;
     border-radius: 10px;
@@ -46,10 +49,11 @@ abbr{
 }
 
 audio {
+    flex-wrap: nowrap;
     width: 100%;
     border-radius: 10px;
     background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
             linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
             linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
     box-shadow: #111 2px 2px 10px;
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3