diff --git a/index.html b/index.html
index 5f96170..5fb8df1 100644
--- a/index.html
+++ b/index.html
@@ -89,18 +89,73 @@
content: "";
}
+/* mobile.css */
+@media screen and (max-width: 767px) {
+ /* Container for the piano keys */
+ .piano {
+ position: relative;
+ overflow-x: scroll;
+ overflow-y: hidden;
+ width: 100%;
+ height: 150px;
+ white-space: nowrap;
+ }
+
+ /* Adjust the style of the white keys */
+ .white-key {
+ width: 25px;
+ height: 140px;
+ border: 1px solid #000;
+ background-color: #fff;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ }
+
+ /* Adjust the style of the black keys */
+ .black-key {
+ width: 18px;
+ height: 90px;
+ border: 1px solid #000;
+ background-color: #000;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+ z-index: 2;
+ }
-@media screen and (max-width: 768px) {
- /* Add your styles for mobile screens here */
- #piano {
- transform: rotate(-90deg) translateY(-100%);
- transform-origin: top left;
+ /* Hide the metronome UI */
+ .metronome {
+ display: none;
+ }
+
+ /* Show the metronome dropdown */
+ .metronome-dropdown {
+ display: block;
+ }
+
+ /* Adjust the size and position of the record button */
+ .record {
+ position: absolute;
+ bottom: 10px;
+ left: 20px;
+ width: 40px;
+ height: 40px;
+ }
+
+ /* Adjust the size and position of the stop button */
+ .stop {
+ position: absolute;
+ bottom: 10px;
+ right: 20px;
+ width: 40px;
+ height: 40px;
}
- /* Adjust other elements accordingly */
}
+
+
+
+
+
Arduino Piano Buzzer Song Creator V1
by momentollogy
@@ -154,6 +209,26 @@ Arduino Piano Buzzer Song Creator V1
by momentollogy
+
+
+
+
+
+
+
+
+
+