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

Profile Card Component | HTML/CSS BEM

@Carlosgnx

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 did you find difficult while building the project? Using BEM methodology , any feedback is welcome

Which areas of your code are you unsure of? BEM code

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

Hi, Carlos! 👋

When I started doing this challenge, the hardest thing is to take care of the position of those circles. It looks like you can handle it well so great job! 👍

However, those images are decorative images so leave the alt empty and even better make those circles as background images instead of actual img elements.

There should not be text in span and div alone whenever possible; instead wrap the text with a meaningful element like a paragraph element.

I notice some <seccion> tags, did you mean <section>?

That's it! Hope you find this useful!

Marked as helpful

1

@Carlosgnx

Posted

@vanzasetia this was really helpfull, thank you!

0
Vanza Setia 27,795

@vanzasetia

Posted

@Carlosgnx You're welcome! 👍

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