fixing styling

2025-02-03 18:26:26 +00:00
parent fff715915e
commit aa09c6128c
2 changed files with 16 additions and 3 deletions
@@ -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;
@@ -12,6 +12,7 @@ if (!isset($_GET['code'])) {
 <head>
    <title>Favorite Albums</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="js/switch.js"></script>
 </head>