Skip to content
Submitted about 3 years ago

Profile Card

Alessandro•215
@alessandro-giuzio
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello there, this is a work in progress.

I don't know how to add the border-radius on the top.

Happy coding!

Community feedback

  • hardy•3,660
    @hardy333Posted about 3 years ago

    Hey, nice job. looks like you was able to fixed border radius bug xD/ Card looks good, try to use different font family, it will be helpful.

    Marked as helpful
    3
    Alessandro•215
    @alessandro-giuzioPosted about 3 years ago

    @hardy333 Thank you hardy

    0
  • Benjamin Villatte•425
    @BenjaminVillattePosted about 3 years ago

    Hello Allesandro,

    The roundings of the parent <div class=".card"> are hidden by the image. So, you can add overflow: hidden; to your .card class.

    Happy coding!

    Marked as helpful
    0
    Alessandro•215
    @alessandro-giuzioPosted about 3 years ago

    @BenjaminVillatte Thank you Benjamin!

    0

Please log in to post a comment

Log in with GitHub

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