school/cs2440
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing styling

Browse Source
This commit is contained in:
jashton
2025-02-03 18:26:26 +00:00
parent fff715915e
commit aa09c6128c
2 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
music/css/styles.css
+15 -3
View File
@@ -14,9 +14,20 @@ body {
h1 { h1 {
font-size: clamp(5vw, 7vw, 10vw); font-size: clamp(5vw, 7vw, 10vw);
text-align: center;
} }
h3 { 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); font-size: clamp(1vw, 1.5vw, 2vw);
text-align: center; text-align: center;
} }
@@ -86,9 +97,10 @@ td {
background-color: #E75D4B; background-color: #E75D4B;
} }
@media (max-width: 900px) { /**Responsiveness**/
#song { @media screen and (max-width: 900px) {
display: grid; #songs {
background-color: green;
grid-template-columns: 40% 40%; grid-template-columns: 40% 40%;
column-gap: 20%; column-gap: 20%;
row-gap: 75px; row-gap: 75px;
music/index.php
+1
View File
@@ -12,6 +12,7 @@ if (!isset($_GET['code'])) {
<head> <head>
<title>Favorite Albums</title> <title>Favorite Albums</title>
<link rel="stylesheet" href="css/styles.css" type="text/css"> <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> <script src="js/switch.js"></script>
</head> </head>