Stats preview card component

Community feedback

• 

  Shashree Samuel•8,860

  @shashreesamuel

  Posted over 3 years ago

  Hey good job completing this challenge

  Keep up the good work

  Your solution looks great however I think that the overlay on your card is supposed to be a dark purple. I recommend reading on the mix-blend-mode css property

  In terms of accessibility issues simply wrap all your content between main tags

  I hope this helps

  Cheers Happy coding 👍

  00

  Marked as helpful
• 

  Pawn•320

  @CryptoPawn

  Posted over 3 years ago

  Hey, great job with completing this challenge! The final product looks very good. W3Schools have an excellent article on media queries, I recommend you checking it out here

  In your solution you would add this to the bottom of your CSS:

  @media screen and (max-width: 1020px) {
    .container {
      width: 330px;
    }
  }
  

  You would have to change the CSS of other elements as well of course. The header image can be positioned at the top by using display: flex; flex-direction: column-reverse; in the container.

  Hope this helps and good luck with making the website responsive. Excited to see your updated version of it. :)

  00

  Marked as helpful