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

First attempt profile card component

DevPomeis 10

@DevPomeis

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


Any feedback is welcome, I'm learning, thanks :)

Community feedback

@Mosaab-Emam

Posted

I love it, though it can really use a box-shadow.

2

DevPomeis 10

@DevPomeis

Posted

@Mosaab-Emam Oh thanks I genuinely forgot! Thanks mate

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hello there, DevPomeis! 👋

Congratulations on completing your first Frontend Mentor challenge! 🎉 Good effort on this one! 👏

I suggest adding and positioning the background images in this challenge using CSS background images. It'll keep those images out of your HTML, which will make your markup cleaner, and I think it's a little easier to manage the background images, then (for example, you won't have to worry about them overflowing the page because they'll remain inside their container). If you use viewport units to position the background images, they'll remain in their place when the screen is resized. 🙂

Keep coding (and happy coding, too)! 😁

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