Skip to content
Submitted about 2 years ago

html css

Moscow•420
@MOSCOW2022
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 guys im really proud of this one i got stuck only when applying the background images and the position but with some research on the internet i got them right,Well i hope so. Tell me what you think and if you have any feedback, Thank you for the answers and happy coding!

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    👾Hello Moscow, Congratulations on completing this challenge!

    One more tip for you:

    The card is not responsive yet due min-width you've used this means that the card can grow but not shrink, its not a good a idea because it means that the card will be not flexible to contract an fit better the content, instead use max-width to have it flexible:

    .container {
    margin: 0 auto;
    background-color: white;
    max-width: 375px;
    max-width: 1440px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 13px 10px 31px 0px rgb(0 0 0 / 31%);
}

    ✌️ I hope this helps you and happy coding!

    Marked as helpful
    1
    Moscow•420
    @MOSCOW2022Posted about 2 years ago

    @correlucas i use both max-widths? the 2 of them?

    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