DEV Community

Cover image for 100FrontendChallenge - Day 1 - Profile card
Tiziano
Tiziano

Posted on • Updated on

100FrontendChallenge - Day 1 - Profile card

First day, first challenge.
We're inaugurating the challenge with a profile card UI.

In general, it was pretty easy. The part I found the hardest was creating the waves behind the profile photo. After some time, I found the perfect solution thanks to zcreativelabs and their Haiki tool, which generates crazy SVGs. I used the background-image property in CSS to set the SVG.

Here's the result

Check out the result on the site or view the code on GitHub.

Top comments (0)