All solutions

This was a tricky one for me. I struggle positioning the SVGs in the background, I would like to hear what is the best way to achieve this.

I would also like to know what is the best way to position the user avatar, for this solution I used the position property and the z-index.

Thanks!

I had fun completing this challenge. I didn't focus on it being pixel perfect with respect to design, but rather applying the styles and responsive design in a way that looked good to me.

While the image overlay was not perfect, I am happy with the results. I would like to hear better ways to apply this color to the image.

Thank you! :)

I found it difficult to position the SVG in the background. I'm still looking to improve the way I name CSS classes and how to structure the HTML in a semantic way.

Any feedback is very welcome :)

I found it difficult to implement the image overlay. In the end, with the W3 documentation I was able to implement it, however, I think it's still not quite right.

Any feedback or comments to improve my code are welcome :)

I still have a hard time naming classes and organizing my style code. However, I am happy with the learnings I get, as this is the first time I work without a CSS and JS framework.