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

Profile card component - Css grid, react

@vgarmy

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


Feed back i always good.

Need a difirent solution for the background images.

//Vlad

Community feedback

@matiasluduena23

Posted

Hi Vladimir Gatara! Good work Just one recommendation.

  • Don't set you background in one line, is better when you need to handle more than 1 image use the background-image. Like this:
  background-image: url(/profile-card-component/static/media/bg-pattern-  top.dae77b1febf9b29fe34e.svg)
,url(/profile-card-component/static/media/bg-pattern-bottom.a34eb319c02ad49587c3.svg);
  background-repeat: no-repeat,no-repeat;
  background-size: 50%, 50%;
  background-position: left top -300px , bottom -300px right;
}

Look this video, might help

Good code!!!

Matias

Marked as helpful

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