fixing styling

This commit is contained in:
2025-02-03 18:26:26 +00:00
parent fff715915e
commit aa09c6128c
2 changed files with 16 additions and 3 deletions
+15 -3
View File
@@ -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;