Stats preview card component challenge hub

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hi @gumiak3,

  Great job finishing the project! It looks great on desktop and mobile devices. You can add this code instead to make your code better:

  .right-block {
      background-image: url(./images/image-header-desktop.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-color: rgba(96, 27, 143, 0.7);
      background-blend-mode: multiply;
  }
  

  Then you can delete the empty div tag. Background-blend-mode: multiple will darken your image's color overlay.

  I hope these help. :)

  Marked as helpful

  0