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 with CSS Flexbox and Grid

Daniel Sereβ€’ 60

@DanielSere

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


Comments please!

Community feedback

Terezaβ€’ 605

@sirriah

Posted

Hello DanielSere, I saw your code. I think that it would be better to use some h1-h6 tags. Specially for the name (Victor Crest). Same for the folowers, likes and photos. Try to use better tags - see some videos or articles about semantic HTML. It is important for the SEO and for the accessibility.

Useful links - look at the code of this project made by Grace

Some reading about semantic HTML.

  • freeCodeCamp blog
  • [MDN Accessibility] (https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML)
  • [MDN Semantics] (https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantics_in_html)

Happy coding!

1
P
Chamuβ€’ 12,970

@ChamuMutezva

Posted

Looking good on mobile, well done. Will try to check the desktop version later

0
Naveen Singhβ€’ 75

@naveensing575

Posted

Good workπŸ‘

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