Design comparison
SolutionDesign
Community feedback
- @StroudyPosted 2 months ago
- The structure is incorrect because a
<div>
is used inside a<ul>
, which should only contain<li>
elements as direct children. Replace the <div> with a<li>
or remove it to maintain proper semantic and HTML structure.
<ul> <li> <h4>Supervisor</h4> <p>Monitors activity to identify project roadblocks</p> <img src="images/icon-supervisor.svg" alt="" aria-hidden="true" /> </li> <div class="list-items_container"> <li> <h4>Team Builder</h4> <p> Scans our talent network to create the optimal team for your project </p> <img src="images/icon-team-builder.svg" alt="" aria-hidden="true" /> </li> <li> <h4>Karma</h4> <p>Regularly evaluates our talent to ensure quality</p> <img src="images/icon-karma.svg" alt="" aria-hidden="true" /> </li> </div> <li> <h4>Calculator</h4> <p> Uses data from past projects to provide better delivery estimates </p> <img src="images/icon-calculator.svg" alt="" aria-hidden="true" /> </li> </ul>
- The headings are not semantically correct because <h4> is used after <h1>, skipping levels. Heading elements should be in sequentially-descending order (e.g.,
<h1>
,<h2>
,<h3>
) to create a clear content structure, improving accessibility and SEO. Skipping levels or using them out of order can confuse screen readers, affect search engine rankings, and make your content harder to understand.
You’re doing fantastic! I hope these tips help you as you continue your coding journey. Stay curious and keep experimenting—every challenge is an opportunity to learn. Have fun, and keep coding with confidence! 🌟
Marked as helpful0@NikitaVologdinPosted 2 months ago@Stroudy yep! Cheers buddy) noticed these warnings when submit my solution. Thank you for another cool feedback!
1@StroudyPosted 2 months ago@NikitaVologdin, Your welcome, I look forward to seeing some more from you. 😁
0@NikitaVologdinPosted 2 months ago@Stroudy be my guest) if you need any help let me know)
1@StroudyPosted 2 months ago@NikitaVologdin, Keep a eye out for my solutions, Always room for improvements and different methods, I want to know 😁
0 - The structure is incorrect because a
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