fixing styling
This commit is contained in:
+15
-3
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user