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

Simple Profile Card Design

Jojoβ€’ 10

@JojoDuke

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


So I decided not to do the Mobile view, this is due to a combination of laziness and the fact that I didn't really see a difference in it. Feel free to comment and give any feedback if necessary. ~Cheers

Community feedback

P
Graceβ€’ 27,870

@grace-snow

Posted

Looks good, just missing the background colour really.

And you're right, this doesn't really need media queries except possibly for background image placement.

Your html has a few issues at the moment that could do with improving

  • alt text needs to be meaningful
  • headings have to make sense as headings (eg 80k won't make sense in the document outline shown to assistive tech users)

Hope that helps your learning

0
Kyrylo Lvovβ€’ 160

@kyrylolvov

Posted

Hey! πŸ˜€

You did a great job on this challenge! πŸ†

What I might suggest is working a little bit more on responsiveness, and assign a background color for your page, which is hsl(185, 75%, 39%). You may use my solution as a reference to help you with that πŸ™‚

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