Skip to content
Submitted about 3 years ago

Responsive Profile Card with minimal code

#accessibility#bootstrap#sass/scss
Asif Salim•110
@asifsalim
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

i try my best to complete the project with minimal project.suggest me more if you have any suggestion :)

Community feedback

  • P
    Ediongsenyene Joseph I.•1,675
    @IEdiongPosted about 3 years ago

    Hi Asif,

    The stats could be an unordered list rather than a div. This is for semantics. Picture someone going through this your page without their CSS enabled, how will they consume the content. Think about this.

    I hope this was helpful to you, Shalom!

    Marked as helpful
    1
    Asif Salim•110
    @asifsalimPosted about 3 years ago

    Hi Shalom, thank you for your valuable review .i will fix my mistakes as you mentioned. but i didn't get your last suggestion line.Could you please tell me more breifly? Thank you

    0
    P
    Ediongsenyene Joseph I.•1,675
    @IEdiongPosted about 3 years ago

    @asifsalim I was referring to how the card component would be viewed if all the styling were taken away which is typically the case for visually impaired people.

    0

Please log in to post a comment

Log in with GitHub

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