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

Card component with Flexbox

David Maillard‱ 375

@DavidMaillard

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


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

@Foued80

Posted

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

Marked as helpful

0
P
Patrick‱ 14,305

@palgramming

Posted

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

@DavidMaillard

Posted

@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

@DavidMaillard

Posted

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

0
P
Patrick‱ 14,305

@palgramming

Posted

@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
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