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 Flexbox, Media query

Nene16 95

@Nene16

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


For the background, i used "multiple background images" and "positioning offset background images", something really new for me!

As always, If someone could give me some feedback to improve my skills, I would really appreciate it.

Community feedback

Faris P 2,810

@FarisPalayi

Posted

Hey, congrats on completing another challenge. You are really quick!

My one suggestion is that don't use heading tags just for styling purposes or to things that are not headings, that is an accessibility bad practise. Here you used an <h1> tag for stat numbers which are not headings for anything, which is the same mistake I did when I did this challenge😀. Here's a link that helped me at that time - HTML: A good basis for accessibility.

So, as always, have fun coding ✨

Marked as helpful

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