ul {
  margin: 50px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 50px;
  list-style: none;
  padding: 0;
}

li {
  margin: 0;
  background: pink;
  text-align: right;
  font-family: Arial;
  text-shadow: 3px 3px 3px limegreen;
}

img {
  width: 100%;
}

li:hover {
  background: red;
}

.rock {
  font-family: fantasy;
}

#music {
  border: 3px dotted blueviolet;
}