Profile Card using my brain and fingers to overcome frustration

Community feedback

• 

  P

  Fluffy Kas•7,715

  @FluffyKasPosted over 2 years ago

  Hello,

  I rarely link my own solutions to help others but here we go, check out mine. It's one of my first projects I have completed on Frontend Mentor so I'm sure it's a bit dated and could use some improvements, but the said background works well the way I did it, at least. To sum it up, you can add the circles and use viewport units to set them in the right place. You could I guess also use ::before and ::after, but setting them as a simple background is probably easier and less code.

  The rest of your code looks really good btw, not much to nitpick. Perhaps you could add an alt text to the profile picture. "Victor Crest." would be perfect.

  0
• 

  notabhishekrai•180

  @notabhishekraiPosted over 2 years ago

  pretty good

  but you should use ::before and ::after in the body and then set the background color in the body. with before and after, you can position the images as you like. It should solve your responsive issue.

  I see you have used those svg as background.

  you can use my code as reference https://github.com/notabhishekrai/profile-card-component

  although it isn't perfect, i hope you can learn something from it, also you can give your feedbacks.

  0