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

solution with tailwind css

@ianmuchina

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


How do I add the 2 background images?

Community feedback

Naveen Gumaste 10,460

@NaveenGumaste

Posted

Hay ! Good Job Ian Muchina

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.

-> Always use h1 first and then h2, h3 and so on

Keep up the good work!

1

@Kamasah-Dickson

Posted

Your card needs margin left and right on mobile

1

@Kamasah-Dickson

Posted

Use position fixed on the svg and position them

Also don't forget to use z-index: -1; on them And display block Good luck👍

1

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