HTML, CSS-Flexbox

Community feedback

• 

  T

  Grace•31,270

  @grace-snowPosted over 3 years ago

  Hi

  You need to use mix-blend-mode on that image. An alternative method is using a pseudo element overlay div. That approach would work on more old browsers but is more complicated

  Your html definitely needs changing though. Those stats don't make sense as headings. Headings are titles for other content and very important for giving the document structure. I recommend using an unordered list and three list items for these instead.

  You should also capitalise text via css text-transform, not by changing text to capitals in the html. That helps text-to-speech software read out the words correctly.

  Good luck

  Marked as helpful

  1
• 

  Piotr•190

  @LenyPythonPosted over 3 years ago

  Use background color on div img-header and blend-mixin-mode property with multiply attribute and opacity around 0.7, 0.8. Try to add font-weight to header 1. Hopefully that helps.

  Marked as helpful

  0

  ---

  

  Aryan Saini•20

  @sainiaryan1911Posted over 3 years ago

  @LenyPython Thanks, I used your suggestion and it was very helpful. I couldn't figure out how to do that overlay, I searched and got the mix blend property as an answer but I didn't know how to use it correctly. Your feedback helped me in achieving that.

  0