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 using HTML and CSS

@nainpreet-05

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@analuzcervantes

Posted

Hi! 🖖

Welcome to the frontendmentor community! 🎉

I would just like to give you some tips:

  • For the background images bg-pattern-top and bg-pattern-bottom, I recommend placing it in the body on style file background-image: url (), url ();
  • For the position you can use vw and vh background-position: right 50vw bottom 50vh, left 50vw top 50vh; Here I leave you more information about vw and vh

Be well! 💻👾

1

@nainpreet-05

Posted

@analuzcervantes Hey, Thanks a lot for your feedback. Your suggestions are really helpful as I had a tough time placing the background image. Good Day!

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