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 Profile Card using FLEX - IsNeonPlay

IsNeonPlay 220

@IsNeonPlay

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


// ESPAÑOL // Acepto sugerencias y críticas para mejorar mis layouts.

// ENGLISH// I accept suggestions and criticism to improve my layouts.

Community feedback

Abdul 8,540

@Samadeen

Posted

Hey Isneonplay!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

  • You should use <main class="card"> instead of <div class="card">.
  • Go down orderly when you are using the headings h1 down to h2 down to h3 and so on.
  • You can wrapper your attribution section in a footer tag to avoid accessibility issues.
  • You should also wrap your image in an element.

This should fix most of your accessibility issues

  • Its not allow to wrap headings in an ul or ol.. This should fix your HTML issues

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Marked as helpful

1

IsNeonPlay 220

@IsNeonPlay

Posted

@Samadeen Thanks you so much Abdul for the suggestions!, I'll use the recommendations to fix some accessibility issues

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