Four card feature section

Community feedback

• 

  P

  Steven Stroud•11,910

  @StroudyPosted about 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 helpful

  0

  ---

  

  P

  Nikita Vologdin•450

  @NikitaVologdinPosted about 2 months ago

  @Stroudy yep! Cheers buddy) noticed these warnings when submit my solution. Thank you for another cool feedback!

  1

  

  P

  Steven Stroud•11,910

  @StroudyPosted about 2 months ago

  @NikitaVologdin, Your welcome, I look forward to seeing some more from you. 😁

  0

  

  P

  Nikita Vologdin•450

  @NikitaVologdinPosted about 2 months ago

  @Stroudy be my guest) if you need any help let me know)

  1

  

  P

  Steven Stroud•11,910

  @StroudyPosted about 2 months ago

  @NikitaVologdin, Keep a eye out for my solutions, Always room for improvements and different methods, I want to know 😁

  0