Stats Preview Card | Mobile-First, SASS, Grid, Flex, BG Blend

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted almost 3 years ago

  Hi There! 👋

  Congratulations on finishing this challenge! 👏 Nice work on this challenge! 🙌

  About the purple overlay on the image, I was using mix-blend-mode: multiply (which was giving the same result as background-blend-mode: multiply;) and I have the same opinion about it, it's the closest look that you can get. I couldn't figure out how to make it exactly the same as the design. 😆

  In my opinion, as long as it looks similar then that's okay. There's no need to overthink it. 😁

  One thing that I would suggest to do is to change all the h3 to p elements. The stats number should not be a heading because it's a heading for what? The content below it is too small. You might find it helpful if you think of a heading as a title on a document.

  Also, next time, don't skip heading level if you are planning to use other heading elements like h2, h3, etc. Heading tags can be used by users of assistive technology to navigate the website. If headings are not in a logical order, those users might get confused.

  I hope this information is useful! Keep up the excellent work! 👍

  Marked as helpful

  1

  ---

  

  shuberber•230

  @sheronimoPosted almost 3 years ago

  @vanzasetia Hi Vanza,

  Thanks for the advice especially about not overthinking, I have a tendency to do so when converting mockups. 😅

  I really appreciate the tips on headings, to interpret them as being a "title" of something instead of just being "large bold text".

  1
• 

  Hexer•3,660

  @EmmanuelHexerPosted almost 3 years ago

  Great job man. Keep it up

  1

  ---

  

  shuberber•230

  @sheronimoPosted almost 3 years ago

  @Phalcin Thanks Emmanuel! 🌹

  1