Submitted almost 3 years ago

I use position absolute and relative

Edwar Stheven•170

@edwardo1239

Preview site View code

This is a solution for...Profile card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Anosha Ahmed•9,300
@anoshaahmedPosted almost 3 years ago
To get rid of the accessibility/HTML issues shown in your Report:

wrap everything in your body in <main> OR use semantic tags OR give role="" to the direct children of your <body> ... Click here to read more

<section> and <article> usually need a heading; so if you don't need a heading in it, use some other element such as <div>

Good job! :)
Marked as helpful
1
Account deleted
Good job, I will give you some observations:

In CSS you work with class, leave the IDs for JS.

There should only be one h1 tag per HTML document.

Use the correct semantic tag, for example your images must go in a <figure> or <picture>

Statistics in a <ul>

I use these two tools, they are very useful:

HTML validator: "https://validator.w3.org/#validate_by_input"

Check the CSS: "https://jonassebastianohlsson.com/specificity-graph/" 😉
Marked as helpful
1

Please log in to post a comment

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