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

The site was made using mobile first with HTML and CSS tools

@Josueram

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


Hello, I would like to have feedback on the circles in the background, I feel that as I place them they are not the most optimal, any ideas?

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi, Josué Ramírez! 👋

Nice effort on this challenge! 👏

I'd like to suggest,

  • Using CSS background images to add and position some of the background images in this challenge. Doing so means you won’t have to add those images directly to your HTML (which will keep your markup a little cleaner) and I think it’s easier to manage background images with CSS because you won’t have to worry about things like overflow issues. If you’d like to learn more about CSS background images and how to use them, check out this tutorial from MDN.
  • You can also try playing around with percentages and viewport units to position the background images in this challenge, since that should help to position the background shapes in such a way that they do not move around so much when the page is resized. That's what I did for my solution to this challenge, and it seemed to work out fairly well.
  • Adding a favicon to your site would be a nice touch. 😉

Hope that helps a bit. 🙂

Keep coding (and happy coding, too)! 😁

Marked as helpful

0

@Josueram

Posted

@ApplePieGiraffe Thank you very much for the advice, I will apply them

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