JAYASWAROOP commited on
Commit
e5a99db
1 Parent(s): 652ee1d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +24 -4
index.html CHANGED
@@ -47,6 +47,26 @@
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
50
  </style>
51
  </head>
52
  <body>
@@ -142,8 +162,8 @@
142
  <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
143
  </div>
144
  <div class="p-3">
145
- <h1 style="font-size: 28px;">Heeriye</h1>
146
- <p style="font-size: 20px;">Description</p>
147
 
148
  <audio controls class="d-none" id="audio">
149
  <source src="Heeriye Arijit Singh 320 Kbps.mp3" type="audio/mp3" />
@@ -158,8 +178,8 @@
158
  <img src="https://i.pinimg.com/originals/24/ea/ea/24eaea94a992b462b99f64aec083bd7e.png" style="width: 100%;" alt="" class="song">
159
  </div>
160
  <div class="p-3">
161
- <h1 style="font-size: 28px;">Chaleya</h1>
162
- <p style="font-size: 20px;">Description</p>
163
  <div>
164
  <audio controls class="d-none" id="audio">
165
  <source src="Chaleya Jawan 320 Kbps(1).mp3" type="audio/mp3" />
 
47
  border-top-left-radius: 11px;
48
  border-top-right-radius: 11px;
49
  }
50
+ /* Define initial font sizes */
51
+ .title {
52
+ font-size: 28px;
53
+ }
54
+
55
+ .description {
56
+ font-size: 20px;
57
+ }
58
+
59
+ /* Media query for smaller screens (adjust as needed) */
60
+ @media (max-width: 767px) {
61
+ .title {
62
+ font-size: 20px; /* Adjust font size for smaller screens */
63
+ }
64
+
65
+ .description {
66
+ font-size: 12px; /* Adjust font size for smaller screens */
67
+ }
68
+ }
69
+
70
  </style>
71
  </head>
72
  <body>
 
162
  <img src="https://i.ytimg.com/vi/7cPvRJ92e50/mqdefault.jpg" style="width: 100%;" alt="" class="song">
163
  </div>
164
  <div class="p-3">
165
+ <h1 class="title">Heeriye</h1>
166
+ <p class="description">Description</p>
167
 
168
  <audio controls class="d-none" id="audio">
169
  <source src="Heeriye Arijit Singh 320 Kbps.mp3" type="audio/mp3" />
 
178
  <img src="https://i.pinimg.com/originals/24/ea/ea/24eaea94a992b462b99f64aec083bd7e.png" style="width: 100%;" alt="" class="song">
179
  </div>
180
  <div class="p-3">
181
+ <h1 class="title">Chaleya</h1>
182
+ <p class="description">Description</p>
183
  <div>
184
  <audio controls class="d-none" id="audio">
185
  <source src="Chaleya Jawan 320 Kbps(1).mp3" type="audio/mp3" />