Design comparison
SolutionDesign
Solution retrospective
Hi , every advice is welcome , i hope i do this challege well , don't hesitate to comment about my mistake :)
Community feedback
- @kens-visualsPosted about 3 years ago
Hey @Brobit ππ»
I have some feedback to help you fix the accessibly and HTML issues.
- In your markup,
<section class="card-container">...</section>
should be<main class="card-container">...</main>
and<section class="background">...</section>
should be<div class="attribution">...</div>
. Why I suggest<div>
Instead of<section>
? Well there are a couple of reasons. First, when you use a<section>
you have to have a heading, likeh1-h6
. Next,<section>
is for bigger parts of layout, such as, contact us about us, image gallery, etc. - Next, I suggest replacing
<div class="attribution">...</div>
with<footer class="attribution">...</footer>
. Also, it should be at the bottom of the page, since that's where the footers usually go. These will fix the accessibility and HTML issues. Don't forget to generate a new repot once you fix the issues.
I hope this was helpful π¨π»βπ» Overall, you've got some great progress here, keep it up. Cheers πΎ
Marked as helpful2@BrobitPosted about 3 years ago@kens-visuals ok, thanks for thΓ© return ,i think before doing an another project in must document me about HTML5 tag and how to organise it . thanks for taking your time to write comment about my work and thanks for your constructive comment ππ
0 - In your markup,
Please log in to post a comment
Log in with GitHubJoin 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