diff --git a/music/css/styles.css b/music/css/styles.css index c8e0484..509e281 100644 --- a/music/css/styles.css +++ b/music/css/styles.css @@ -14,9 +14,20 @@ body { h1 { font-size: clamp(5vw, 7vw, 10vw); + text-align: center; } h3 { + font-size: clamp(2vw, 3vw, 4vw); + text-align: center; +} + +h4 { + font-size: clamp(1vw, 2vw, 3vw); + text-align: center; +} + +h5 { font-size: clamp(1vw, 1.5vw, 2vw); text-align: center; } @@ -86,9 +97,10 @@ td { background-color: #E75D4B; } -@media (max-width: 900px) { - #song { - display: grid; +/**Responsiveness**/ +@media screen and (max-width: 900px) { + #songs { + background-color: green; grid-template-columns: 40% 40%; column-gap: 20%; row-gap: 75px; diff --git a/music/index.php b/music/index.php index 9cb1b23..1a125a8 100644 --- a/music/index.php +++ b/music/index.php @@ -12,6 +12,7 @@ if (!isset($_GET['code'])) { Favorite Albums +