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 Component using flexbox.

@Nightcode16

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


Hello this is my solution on this challenge, I struggle on the background(on the two circle).Anyone can give advice and recommendation are welcome. Thank you!

Community feedback

Naveen Gumaste 10,480

@NaveenGumaste

Posted

Hay ! Good Job

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body like it should be your container

-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc

-> But use header tag only once in main heading element.

-> Use vercel or Netlify to upload the challenge

Keep up the good work!

Marked as helpful

0

@Nightcode16

Posted

@Crazimonk can't I use main as my container?

0
Naveen Gumaste 10,480

@NaveenGumaste

Posted

@Nightcode16 you have to give it a class

-> always use the "alt attribute" and just leave it empty bt.. always add it with img tag

Marked as helpful

0

@Nightcode16

Posted

@Crazimonk thank you😁

1
Fraser Watt 1,790

@fraserwat

Posted

Looks like you're having trouble uploading your solution. Try this guide https://vercel.com/docs/concepts/git/vercel-for-github

Marked as helpful

0

@Nightcode16

Posted

@fraserwat netlify already deployed, maybe it would take some time. Thank you for your advice anyway :)

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