Skip to content
OverviewSolutions
15
Comments
11
Nurul Arifin
@nurularifin83

All comments

  • Nurul Arifin•310
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @RikvdevSubmitted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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-JheanSubmitted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted about 2 years ago

    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
    @nurularifin83Posted over 2 years ago

    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