Skip to content
Submitted over 3 years ago

HTML5, CSS3

Wildmarks Passos•140
@Wildmarks-Passos
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I noticed that in the original image of the challenge, in the color part -> #0c1729, there are some broken parts, does anyone know how I do this with CSS? I couldn't find anything relevant.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Anosha Ahmed•9,300
    @anoshaahmed

    To avoid accessibility issues in the future, have at least one h1 in your code, start your headings with h1 and move up by one level each time

    Good job! :)

    Marked as helpful
  • Fernando FeN•425
    @Fernando0654

    Where using height: 100vh, I recommend to you using min-height: 100vh. That way, if content is too large, the background-color property won't get overflowing

    Hope this is helpful, man! ♧

    Marked as helpful
  • Alex•660
    @al3xback

    Hi Wildmarks,

    I see that the color (#0c1729) is not working cos it's overridden by children's background-color (#15273f) on class contentContainer.

    The css concept is actually each children can overwrite/change the inherit value from the parent.

    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