Talking about the world

Puzzle #2. Music Crossword

x x x x x 1 x x x x 2 x x x
x x x x 1 3
x x x x x x x x x x x
x x 4 x x x x x x x x x
x x 2 5 x
x x x x x x x x x 9 x
x x 3 x x x x x x
x x x x 4 x x x
x x x 8 x x x x 5 x
x 7 x x x x x x
x x x x x 6 10 x
x x x x x x x x x
8 x 9 x x
x x x x x x x x x x x
x x x x x x 10 x x x
x x x x x x x x x x x x x

Down

  1. Wind Instrument that kids usually learn to play.
  2. It's a musical note and a star in a different language.
  3. People often do this when they love a song.
  4. Started thanks to cassettes.
  5. Instrument invented not so long ago.
  6. Can be low or high.
  7. A button in a music app.
  8. Name of a band that is also a common object.
  9. Subgenre of rock.
  10. Sound that isn't music.

Across

  1. It's a pair of ___
  2. Not planned, spontaneous.
  3. To play a song every instrument needs to be in ___
  4. Many people listen to it in the car.
  5. Small guitar tool that get's lost a lot.
  6. Larger instrument group in a orchestra.
  7. Important action in the making of a song.
  8. There is a unique instrument made with this material.
  9. Sounds like a color.
  10. They used to play music videos.
Answers

Down

  1. Recorder
  2. Sol
  3. Sing
  4. Mixtape
  5. Saxophone
  6. Punk
  7. Replay
  8. Doors
  9. Volume
  10. Noise

Across

  1. Headphones
  2. Improvised
  3. Tune
  4. Radio
  5. Pick
  6. Record
  7. Violin
  8. Glass
  9. Blues
  10. MTV
This was so entertaining to make. It was also an experiment because I wanted to see if I could make this just with markdown (because I'm too lazy to write all that html code) and it was possible! I'll share the CSS here. For the markdown, I wrap the table in a section with a class "crss" and in the table I just mark the empty cells with an "x" but it could be any character.
CSS
.crss {
  overflow: scroll;
}

.crss table {
  table-layout: fixed;
  width: min-content;
}

.crss table, .crss tr, .crss td, .crss th {
  border: 2px solid;
}

.crss tr {
  height: 30px;
}

.crss th {
  width: 30px;
  font-weight: normal;
}

.crss :is(td, th):not(:empty, :has(> sub)) {
  background: var(--text-color);
}

Markdown example
<section class="crss">

| x   | x   | x   | x   | x   | x   |
| :-- | :-- | :-- | :-- | :-- | :-- |
| ~1~ |     | ~2~ |     |     |     |
|     | x   |     | ~3~ |     |     |
|     | x   |     | x   | x   | x   |
|     | x   |     | x   | x   | x   |
| ~4~ |     |     |     |     | x   |
|     | x   | ~5~ |     |     |     |

</section>

Thanks for reading :)

#puzzle