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

| HTML5 e CSS | #11 Newbie | Profile card component

@Ramon-Alvez

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?

Well, making the card was actually quite easy and I learned a few more semantic tags. But I can't say the same for the background... I tried all afternoon to make it, but I really couldn't make it responsive :/.

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

As I said above, my biggest challenge was the two background patterns. I knew I needed to use position, and even though I managed to position the elements where I wanted, when changing the screen's responsiveness it bugged the entire code, even the centered card was off center because the bgpatterns didn't decrease, so they ended up remaining on the screen ( even with the hidden overflow), I looked for help and even tried to search on YouTube and see this part of other people's resolutions, but I still couldn't.

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

If anyone can help me with the responsiveness of the background I would appreciate it, I will change whatever is necessary, from the html, classes or other things.

And if I did something that wasn't very good, overdone or redundant, I'd love to know that too.

Community feedback

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