bemusic/bemuse

View on GitHub
website/src/pages/music.module.css

Summary

Maintainability
Test Coverage
.artistName {
  font-weight: 600;
}

@media (min-width: 720px) {
  .artistsList {
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .artistsList {
    column-count: 3;
  }
}

.content {
  margin: 1.5em 0 3em;
}
.content ul.artistsList {
  display: block;
  padding: 0;
}
.content ul.artistsList > li {
  break-inside: avoid-column;
  list-style: none;
  -webkit-column-break-inside: avoid;
}
.content ul.artistsList > li > ul {
  list-style: outside circle;
}

.message {
  padding: 1em;
  border: 1px solid #e9a8bb;
  background: #fff;
}