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 with HTML CSS

@PAPIRATA-RD

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


If any suggestion or comment? I would appreciate them.

Community feedback

@MojtabaMosavi

Posted

1- Upon resizing there is some overlapping issues. I suggest you put and max-width on your card instead of resetting the width.

2- Regarding your markup, writing semantic markup is all about choosing the right html element for the right task, when you use an htlm element for a task ask yourself if it describes the content you put inside best. For instance the aside tag does not describe the card in any way.

Keep coding :=)

Marked as helpful

1

@PAPIRATA-RD

Posted

@MojtabaMosavi Thanks, I believe I fixed out the resizing issue.

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