Skip to content
Submitted over 3 years ago

NFT Preview using TailwindCSS

tailwind-css
jul_julham•210
@zulhamsy
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi!, I really appreciate your advice and suggestion! :D

Code

Please log in to post a comment

Log in

Community feedback

  • Patrick Cuentas Mariano•260
    @PatrickCuentas

    Hello, good job, I recommend that you review the accessibility problems and HTML validations.

    At my current level of knowledge I see that the problems come from the lack of an HTML5 markup tag that wraps your main content.

    Here is an official example.

    Example

    <html lang="en">
    <head>
        <title>Hello</title>
    </head>
    <body>
        <header>This is the header</header>
        <nav>This is the nav</nav>
        <main>This is the main</main>
        <footer>This is the footer</footer>
    </body>
</html>

    I emphasize that in your case it would be the <main>card-content...</main> and regarding the HTML validations I see that you have problems with the prefixes of tailwindCSS and I recommend that you take a look at the official documentation.

    Marked as helpful

Join 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