Skip to content
Submitted almost 2 years ago

Profile card component

Eunice Sepúlveda•100
@EuniceSp
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

Feedback Welcome

Community feedback

  • Kyrylo Haiduk•420
    @superpooperxxxPosted almost 2 years ago

    Hi, looks good🔥

    • Set background to .card as a background-image: url(/images/bg-pattern-card.svg) Get rid of this⬇️
    <div class="image"></div>
.image{
    width: 100%;
    height: 35%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: url(/images/bg-pattern-card.svg);
}
    • <body> by default has width: 100%. And better set min-height: 100vh 
    body{
    width: 100%;
    height: 100%;

    Happy coding ❤️ Hope this was helpful

    Marked as helpful
    1

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