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

All comments

  • Nurul Arifin• 310

    @nurularifin83

    Posted

    I'm looking like you got the error for the level-one heading. here is my solution for you:

    • Put this code <h1 class="visually-hidden">QR code component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">QR code component examples</h1>. Hope it can help you.

    Marked as helpful

    1
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    I'm looking like you got the error for the level-one heading. here is my solution for you:

    • Put this code <h1 class="visually-hidden">3-column preview card component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">3-column preview card component examples</h1>. Hope it can help you.

    Marked as helpful

    1
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    The solution for the warning Page should contain a level-one heading <html lang="en">:

    • Put this code <h1 class="visually-hidden">Profile card component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">Profile card component examples</h1>. Hope it can help you.

    Marked as helpful

    0
  • Riikis• 20

    @Rikvdev

    Submitted

    I tried to make this with dinamic grid using auto-fit , without media queries, but I had some errors with padding and container width, so I did it with media queries.

    Did I do it right?

    Are there any errors?

    Where could I improve to make it better?

    I would like to read your opinion :)!

    3 Columns preview card using CSS Grid.

    2

    Nurul Arifin• 310

    @nurularifin83

    Posted

    The solution for the warning Page should contain a level-one heading <html lang="en">:

    • Put this code <h1 class="visually-hidden">3-column preview card component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">3-column preview card component examples</h1>. Hope it can help you.
    0
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    For warning Images must have alternate text here my solution:

    • Do not forget tu put alt for every img, For example like this <img src="images/icon-clock.svg" alt="Icon clock">.

    Here the solution for the warning Document should have one main landmark <html lang="en"> :

    • Put this code <main></main> below <body>, then between <main></main> put your div code.
    0
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    Here the solution for the warning Document should have one main landmark <html lang="en"> :

    • Put this code <main></main> below <body>, then between <main></main> put your div code.

    The solution for the warning Page should contain a level-one heading <html lang="en">:

    • Put this code <h1 class="visually-hidden">QR code component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">QR code component examples</h1>. Hope it can help you.
    0
  • Jhean Khendrick• 160

    @Galope-Jhean

    Submitted

    Hello! tried this one for today. I thought it would be an easy task but it turned out to be quite challenging. The active states were so hard for me but I was still able to finish them and I'm very proud of it. Anyway, I would appreciate any feedback to make this one as better as possible. Thank you! <3

    NFT preview card component - HTML and CSS

    2

    Nurul Arifin• 310

    @nurularifin83

    Posted

    The solution for the warning Page should contain a level-one heading <html lang="en">:

    • Put this code <h1 class="visually-hidden">NFT preview card component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">NFT preview card component examples</h1>. Hope it can help you.

    Marked as helpful

    1
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    Here the solution for the warning Document should have one main landmark <html lang="en"> :

    • Put this code <main></main> below <body>, then between <main></main> put your div code.

    The solution for the warning Page should contain a level-one heading <html lang="en">:

    • Put this code <h1 class="visually-hidden">Product preview examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">Profile card component examples</h1>. Hope it can help you.
    0
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    I look like you got a warning for a Document should have one main landmark. In my case, I just put <main></main> below <body>, should be like this :

    <body>
<main>
<div class="container">
  <div class="card">
  </div>
</div>
</main>
</body>. Hope it can help you.
    0
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    I look like you got a warning for a level-one heading. In my case, I just put this code <h1 class="visually-hidden">Profile card component examples</h1> below <main>. Because I use bootstrap then I just need to put visually-hidden for class to hidden the text. If you did not use bootstrap then just make like this <h1 style="display: none">Profile card component examples</h1>. Hope it can help you.

    Marked as helpful

    0
  • Nurul Arifin• 310

    @nurularifin83

    Posted

    Hi Grace, thank u so much for your idea.

    For using a different image, for another challenge, I change the image to, I think I like it to change lol.

    As I mentioned before, I am doing everything possible to make design look close to challenging. Right now I'm still learning the Boostrap framework and I'll try Vanilla CSS to. Thank u Grace.

    0