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 CSS Revision

Vinayakā€¢ 300

@V102002

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


What are you most proud of, and what would you do differently next time?

I finished the desktop top CSS under 100 lines of code!

What challenges did you encounter, and how did you overcome them?

I had bump regarding the positioning of elements, but I understood them referring through YouTube

What specific areas of your project would you like help with?

Any Feedback would be helpful. Also, I would like some advice regarding getting gigs as a FrontEnd Developer

Community feedback

Daniel šŸ›øā€¢ 44,230

@danielmrz-dev

Posted

Hello there!

Congrats on completing the challenge! āœ…

Your solution looks great!

The background pattern with the circles is a bit tricky, but you don't need separate containers to create it as it's possible to work with multiple background images at the same time. Here's how you can do it:

šŸ“Œ Add this to the body:

  background-color: var(--Dark-cyan);
  background-image: url("./images/bg-pattern-top.svg"), url("./images/bg-pattern-bottom.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: right 52vw bottom 35vh, left 48vw top 52vh;

I hope it helps!

Other than that, you did an excelent job!

Marked as helpful

1

Vinayakā€¢ 300

@V102002

Posted

@danielmrz-dev Thanks a lot! Can I ask for some advice regarding finding a job as a frontend developer? I started doing challenges involving JS, what else should I do to get a recruiter to notice?

1
Daniel šŸ›øā€¢ 44,230

@danielmrz-dev

Posted

@V102002 I'm sorry I can't really help you with that. I'm on the same situation. Just studying and improving my skills (both soft and technical). But you can find content on that on the Frontend Mentor resources page as well as on their discord channel.

Marked as helpful

1

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