stats-preview-card-component

Community feedback

• 

  Hassia Issah•50,410

  @Hassiai

  Posted about 2 years ago

  Replace <div class="card"> with the main tag to make the content/page accessible. click here for more on web-accessibility and semantic html

  To center .card on the page using flexbox, replace the height in the body with min-height: 100vh.

  For a responsive content, give .card a max-width of 1440px and a width of 80% or a width of 80vw instead of giving it a width of 144p0x.

  To prevent the content from overflowing on smaller screens, remove the height value in .card

  For the color of the image, change the value of the mix-blend-mode in the img to multiply and opacity to 0.8 miix-blend-mode: multiply; opacity: 0.8

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  00