Skip to content
Submitted almost 3 years ago

NFT Preview using TailwindCSS

jul_julham•210
@zulhamsy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

  • Patrick Cuentas Mariano•260
    @PatrickCuentasPosted almost 3 years ago

    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
    0
    jul_julham•210
    @zulhamsyPosted almost 3 years ago

    @PatrickCuentas thanks man! I do as you suggest, and accessibility issues now gone, but yeah, because I code with Tailwind CDN version not the npm, I still had that parsing error

    0

Please log in to post a comment

Log in with GitHub

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