Skip to content
Submitted over 3 years ago

Card component with Flexbox

David Maillard•375
@DavidMaillard
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

I chose the use ::before and ::after to position the background patterns.

I would love to have constructive feedbacks on other ways to do it.

Community feedback

  • Foued•655
    @Foued80Posted over 3 years ago

    Good job, i personaly used background images, your design miss the mobileview.

    Marked as helpful
    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    overall your results look good you could have just attached the background images like this https://www.w3schools.com/Css/css3_backgrounds.asp

    Marked as helpful
    0
    David Maillard•375
    @DavidMaillardPosted over 3 years ago

    @palgramming Thank Patrick I didn’t know I could attach multiple images to the background-image property. I will try to integrate it :)

    1
    David Maillard•375
    @DavidMaillardPosted over 3 years ago

    @palgramming Hi Patrick, I have updated my code add the background images concept, can you tell if it is good to you ?

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @DavidMaillard yes overall I think it looks better and that is a much cleaner way to do it

    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