responsive result summary

Community feedback

• 

  Ted Rinquest•440

  @climb512Posted over 1 year ago

  Looks good!

  You mentioned colors, so I have a couple suggestions that helped me:

  -- You say "It's quite difficult for me to copy colors", so you definitely need a color picker. If you use Windows you can download "PowerToys" from Microsoft. I use the color picker and also the measurement tool all the time: https://learn.microsoft.com/en-us/windows/powertoys/color-picker

  -- For this specific project you have the option of just adding another number to the hsl colors that they gave us which will alter the opacity. For instance, on the red "Reaction" section, use the given "hsl" color for the text, but change this to "hsla" and add an opacity below 1.0 for the lighter background, like this:

  .reaction {
  color: hsl(0, 100%, 67%); 
  background-color: hsla(0, 100%, 67%, 0.07); /* 0.07 makes for a low opacity Red color) */
  }
  

  Hope this helps!

  Marked as helpful

  0