Skip to content
Submitted about 2 years ago

Profile card w/ absolute positions

Alexsandro Agustini Junior•250
@AlexAgustini
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

Cool challenge, i just have the feeling i didn't really got the positions and the background right, so, appreciate any suggestions, like if there's a better way to centralize the photo with the line on the card, and how to better adjust the 2 background images, thanks!

Community feedback

  • Adriano•38,120
    @AdrianoEscarabotePosted about 2 years ago

    Hi Alexsandro Agustini Junior, how are you?

    I really liked the result of your project, but I have some tips that I think you will enjoy:

    • To improve the accessibility of the project you could have put an h1. Every page must contain a level 1 header, for people who use screen readers, identity what the main title is.

    Prefer to use rem over px to have your page working better across browsers and resizing the elements properly

    The rest is great!

    I hope it helps... 👍

    Marked as helpful
    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