NFT Preview Card

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,020

  @MelvinAguilar

  Posted over 2 years ago

  Hello there 👋. Good job on completing the challenge !

  • The hover state of the image is only an icon that is downloaded with the starter files and is called "icon-view.svg", you can use the pseudo-selectors ::before and ::after to add the image and an overlay color.

  CSS 🎨:

  • The width: 100vw property in the body tag is not necessary. This will create a horizontal scrollbar on some devices. Also, the body tag is a block element and it will take the full width of the page by default.

  • Use min-height: 100vh instead of height: 100vh. The height property can cause your component to be cut off on small screens, such as a mobile phone in landscape mode.

  CSS Reset 🔄:

  • You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.

    CSS resets that are widely used:

    • Reset CSS
    • "My Custom CSS Reset" by JoshWComeau

  I hope you find it useful! 😄

  Happy coding!

  20