Skip to content
Submitted about 1 year ago

Responsive component profile card with HTML CSS and mobile first

Alejandro Cañon•260
@alecanonm
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

Howdy! 👋🏻

I managed to solve this challenge applying all my knowledge about css and html to it; I applied best practices that i considered and semantic html, i achieved to make it responsive.

If you can give me a feedback, opinions and advices i will be really grateful!

Good coding day! 🚀🌱

Community feedback

  • Brendan•1,120
    @OneManBannedPosted about 1 year ago

    Hi Alejandro, nice work..

    I have a few observations.

    • You don't need to add alt to purely decorative images, and the background images would probably be better if they were a css background image, instead of cluttering your html.

    • Perhaps the h2 would be better in a dl link. The description list element key-value pairs. Something like this ...

    <dl>
<dd>followers</dd>
<dt>80k</dt>
<dd>likes</dd>
<dt>803k</dt>
<dd>photos</dd>
<dt>1.4k</dt>
</dl>

    Happy coding,

    Brendan

    Marked as helpful
    1
    Alejandro Cañon•260
    @alecanonmPosted about 1 year ago

    Thank you so much! @OneManBanned

    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