All solutions

60 bucks/year for audiobooks and music??? Which service is this?

But seriously, background images, patterns and little wavy blobs here and there are the bane of my existence. I've spent nearly an hour to display them on the page and I am not sure if the solution is good or not.

Boi, was it difficult to this one? I have to admit it was. I am a kindergarten level JS programmer, so I had to a lot of thinking, googling and trying to come up with a solution. Perhaps it is not the most efficient one, but it is one and the component works. Any comment / feedback is appreciated!

The creation of this one was relatively easy. However, my solution for the image hover effect is somewhat questionable in my opinion. I didn't want to add any plus element to html, so I used ::after selector with background-color and background-image to bring in both. But with background-color came the issue where I just could not use my custom variable with lowered opacity. I googled for a solution and I found that wrapping it in rgba should work, but it didn't. I was forced to add a different color with lowered opacity / alpha value. What other solutions could I have used?

Hey guys!

I completed this challenge with grid and a bit of flexbox. I also used the images as background image and I think I have achieved a good outcome, since it changes on mobile and desktop. Is there any better way to do it?