Stats Preview Card Component

Community feedback

• 

  Luka Glonti•3,440

  @lack21

  Posted about 2 years ago

  Great job 👍, but I have some recommendation!

  • When width of the screen reaches 360px, layout gets broken, I noticed you have this @media screen and (min-width: 360px) and (max-width: 767px), so I suggest you to remove (min-width: 360px) since you already have (max-width: 767px) there's no need for min-width.

  00

  Marked as helpful
• 

  Hassia Issah•50,410

  @Hassiai

  Posted about 2 years ago

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

  For the color of the image , add a background-color of soft violet , background-blend-mode: multiply and opacity: 0.8 to .col-right.

  .col-right{
  background-image: url();
  background-size: cover;
  background-color: hsl()
  background-blend-mode: multiply;
  opacity: 0.8;
  }
  

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  00

  Marked as helpful