What is sheet music if not icons placed in particular vertical and horizontal positions? Stephen Band turned the system of sheet music into a CSS grid system where you control the placement of everything with classes and data-attributes.

https://cruncher.ch/blog/printing-music-with-css-grid/

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

CSS Grid is used to turn sheet music into a scalable system where icons are placed in specific vertical and horizontal positions. Stephen Band's solution utilizes classes and data-attributes to control the placement of notes and music symbols. The `<scribe-music>` Web Component provides a usable interface for this CSS grid system.

Printing music with CSS Grid – Frontend Masters Boost