NFT Preview Card using Flexbox and :hover

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <section class="main-preview-card"> with the main tag and <div class="attribution"> with the footer tag to fix the accessibility issues . for more visit: https://web.dev/learn/html/semantic-html/. Add alt value to the img to fix the error issues.

  Add min-height: 100vh; to the body, and remove flex-direction: column to center .main-preview-card instead of giving .main-preview-card a margin value. Give #cube a width of 100% or a max width of 100% instead of a width and height value of 300px.

  Hope am helpful. HAPPY CODING

  0