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
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found

Submitted

Profile card component using html and css

@roniel-sanchez

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


Done with my first challenge, I have little to no knowledge about responsive web. Please do guide me, comments and feedbacks are very much appreciated. Thank you so much. Godbless

Community feedback

@axevldk

Posted

Hi, Roniel Sanchez ~ I have studied your work, and here are some of my opinions.

First, you have used image tags for background, but in this case, it is better to use background image or pseudo elements.

Second, you positioned card using top and left, but that method isn't used much in such cases. Instead you can use display: flex; align-items: center; justify-content: center to your card's parent wrapper.

Also you can reference my styles for inner components of card.

Anyway, as long as this is your first challenge work, you have done very well. Keep going ~ 😊

Here are link to my work. https://profile-card-component-orcin.vercel.app/ https://github.com/axevldk/Profile-Card-Component.git

Hope this will help you even a bit. Happy coding ~ 👍

0

@roniel-sanchez

Posted

@axevldk Thank you so much. This helps me a lot. Thank you!!!

0
Web Frog 1,840

@MasterDev333

Posted

Congratulations Roniel! You did a great job. It would be better if you make it fully responsive. And please make your solutions close to design. Font and some spacings are not matching the design. Here's my solution if you'd like to check. https://www.frontendmentor.io/solutions/profile-card-xRCu-QVRG Happy coding~ ;)

0

@roniel-sanchez

Posted

@MasterDev333 Thank you so much, I'm very sorry, please forgive me because i don't have a lot of knowledge about stuffs yet. But i will practice and practice more. Thank you so much for your feedback. This will help me a lot :))

0

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