Responsive Stats preview Challenge

Community feedback

• 

  Adriano•38,120

  @AdrianoEscarabotePosted almost 2 years ago

  Hi Juan Galdino, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

  The hero image has a color slightly different from the Figma design, if you want to match the color you can reach this using mix-blend-mode with mix-blend-mode: multiply;. The multiply will make the image blend the div background and the opacity will make the image less evident and improve the blend between image/purple div. See the code below:

  img { 
      mix-blend-mode: multiply; 
      opacity: 0.8;
  }
  

  To improve the code structure wrap this div:

  <div class="attribution">

  with the semantic tag footer

  The rest is great!

  I hope it helps... 👍

  Marked as helpful

  1

  ---

  

  Juan Galdino•50

  @juan-galdinoPosted almost 2 years ago

  HI! @AdrianoEscarabote . I really enjoyed these tips. Thanks! I didn't know about this propperty, CSS is an endless road of learnings. Appreciated it! :D

  1

  

  Adriano•38,120

  @AdrianoEscarabotePosted almost 2 years ago

  @juan-galdino tamo junto man!

  1