Submitted over 4 years ago

Profile card design brief using HTML and CSS

Dan Bloch•20

@stellar-adventurer

A solution to the Profile card component challenge

Preview Code

Solution retrospective

Dear all

This is my first go at working to a design brief, having started coding a few weeks ago.

One issue I struggled with was trying to get the bottom right-hand circular pattern to crop out of the edge of the page. I tried putting everything including the turquoise background in a div box at first, but that caused a few headaches with positioning other things. In the end I opted set the body background colour as per the code in the CSS file.

Any comments gratefully appreciated. Every day is a school day!

Thanks

Best

Dan

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dan Bloch's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord