Music Library container with hover effects
This is an example of a music library container with hover effects, designed using CSS, HTML, and Bootstrap framework 4. The artist's image is imported to the form with its URL, whereas media quarries have been used to increase the responsiveness of the form. The form is given a font-family style as 'Rubik', sans-serif. The background of the form is given a linear-gradient color as (#006064, #c5e1a5). The artist's name is displayed using a font size of 7vh, and the font color of white. The play button is given the styles of background-color as green, font color as white, width as 80px, and border-radius as 25px, which takes the background color of #a5d6a7, in a hover event. Each table row consists of a song number, song name, artist name, and song duration, which turns its background color to green, in a hover event.