Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Profile Card with a twist

@MClaireaux

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here is my solution with a twist! I am completely new to HTML and CSS, so constructive feedbacks are very much appreciated.

Community feedback

Kyrylo Lvovβ€’ 160

@kyrylolvov

Posted

Looks really cool and original to me!

1
Sibasish Sinhaβ€’ 125

@SibasishSinha

Posted

Hey There, place the footer at the bottom of the page. Cheers and happy coding ☺

1
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, Marion Claireaux! πŸ‘‹

Nice work on this challenge! πŸ‘ Cool idea to add a twist to it! 😎

I suggest,

  • Using CSS background images to add and position the background SVGs in this challenge, as it'll keep your markup cleaner and is often easier to position. (A tipβ€”if you use viewport units to position the background circles using CSS background images in this challenge, they won't move around when the page is resized). πŸ˜‰

Keep coding (and happy coding, too)! 😁

And happy holidays! πŸŽ„

0

@MClaireaux

Posted

Thank you for the tip! That specific point gave me a bit of a headache, I confess :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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