From c96e7e1dd0e1f392d3f7ff11d2ef545a88a33faf Mon Sep 17 00:00:00 2001 From: marcellus Date: Tue, 16 Jan 2024 00:42:48 +0100 Subject: fix: (hopefully) fixed mobile accessibility --- rec.html | 8 ++++---- style.css | 12 ++++++++---- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/rec.html b/rec.html index 6e81e12..b9e4753 100644 --- a/rec.html +++ b/rec.html @@ -10,11 +10,11 @@ - - Logo + + Logo -

Jams

+

Jams

@@ -38,4 +38,4 @@ gif2
- \ No newline at end of file + 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