Hugging Face's logo

Spaces:
JAYASWAROOP
/
music1
Running

App Files Community
2
JAYASWAROOP commited on
Commit
d285cd6
·
1 Parent(s): 085b8a3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +20 -29
index.html CHANGED
@@ -47,44 +47,35 @@
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
50
- head{
51
  font-size: 38px;
52
  }
53
- @media (max-width: 767px) {
54
- .head {
55
- font-size: 32px; /* Adjust font size for smaller screens */
56
- }
57
-
58
- .title {
59
- font-size: 20px;
60
- }
61
-
62
- .description {
63
  font-size: 18px;
64
  }
65
- @media (max-width: 767px) {
66
- .title {
67
- font-size: 20px; /* Adjust font size for smaller screens */
 
 
 
68
  }
69
 
70
- .description {
71
- font-size: 14px; /* Adjust font size for smaller screens */
72
  }
73
- }
74
- /* Default styles for the audio tag */
75
- audio {
76
- width: 100%; /* Set the audio tag to take the full width */
77
- }
78
-
79
- /* Media query for smaller screens (adjust as needed) */
80
- @media (max-width: 767px) {
81
- audio {
82
- width: 80%; /* Adjust the width for smaller screens */
83
- max-width: 400px; /* Set a maximum width for better mobile view */
84
- margin: 0 auto; /* Center the audio tag */
85
  }
86
  }
87
- /* Define initial font sizes */
88
  </style>
89
  </head>
90
  <body>
 
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
50
+ .head{
51
  font-size: 38px;
52
  }
53
+ .audio {
54
+ width: 100%;
55
+ }
56
+ .title {
57
+ font-size: 20px;
58
+ }
59
+ .description {
 
 
 
60
  font-size: 18px;
61
  }
62
+ @media (max-width: 767px) {
63
+ .head {
64
+ font-size: 32px;
65
+ }
66
+ .title {
67
+ font-size: 20px;
68
  }
69
 
70
+ .description {
71
+ font-size: 14px;
72
  }
73
+ .audio {
74
+ width: 80%;
75
+ max-width: 400px;
76
+ margin: 0 auto;
 
 
 
 
 
 
 
 
77
  }
78
  }
 
79
  </style>
80
  </head>
81
  <body>