Merge branch 'main' of marcelus.net:rtfm

1 files changed, 7 insertions, 3 deletions

diff --git a/style.css b/style.css
index 899ceec..ec3e7b5 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;
@@ -51,6 +54,7 @@ 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%),