Skip to content
Submitted almost 3 years ago

Profile card component using css + css flexbox

Tarık•330
@developertarik
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 am very new to flexbox, so I have completed it with the help of google and stackoverflow, if I have any shortcomings, I would appreciate it if you write, thank you in advance

Community feedback

  • Andres Ricardo•310
    @AndresRicardoPosted almost 3 years ago

    I could not set the background as requested in the reference

    Could you help me please?

    1
  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    You did a good job on this.

    Wrap your card div in a Main tag and change his name to an H1. you will have to re-style the name to look the same as the design. Also change the attribution div to a Footer and it will clear the accessibility warnings.

    Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

    Hope this helps.

    1

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