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

HTML CSS

Gavinβ€’ 70

@gzheng0214

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 appreciated.

Community feedback

P
Graceβ€’ 27,870

@grace-snow

Posted

Really great job on this! Well structured html and all looks great on different screen sizes.

The card is hitting the top of the screen for me on mobile landscape but that's a minor thing and can be easily fixed with a little margin.

One learning point for you with alt text - things like background patterns don't need to be announced to assistive tech users, so you can leave the alt attribute intentionally empty to tell them to skip that image alt=""

Keep going, I'm looking forward to seeing your next solution!

1

Gavinβ€’ 70

@gzheng0214

Posted

@grace-snow Thanks for the input!

0
Kyrylo Lvovβ€’ 160

@kyrylolvov

Posted

Hey! πŸ˜€

Great job on completing this challenge. I love it! πŸ†πŸ˜

0

Gavinβ€’ 70

@gzheng0214

Posted

Thanks!

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