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 challenge

Ascaris29 80

@Ascaris29

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


I finished this challenge, however I couldn't keep the background elements in fixed mode and they move when the resolution changes. If someone has an idea..

Thank you for your comments or like

Community feedback

MatiX 360

@MatiX221

Posted

Good. Just read report.

And you can set background as url(images/bg-pattern-top.svg) bottom 50vh right 50vw no-repeat, url(images/bg-pattern-bottom.svg)top 50vh left 50vw no-repeat and it will work

Marked as helpful

0
Ascaris29 80

@Ascaris29

Posted

Thank you ! I corrected and actually my elements in the background no longer move so it's cool. On the other hand, for the report, as I rely on the w3 validator, I did not understand why it did not match ..

0

MatiX 360

@MatiX221

Posted

@Ascaris29 so for reports. You have <div class="profile-card"> but it should be <div class="profile-card" role=main> or <main class="profile-card">

And site should have at least one <h1> tag so u could change <span class="name">Victor Crest</span> into <h1 class="name">Victor Crest</h1> and report should disappear

Marked as helpful

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