Stats preview card component made with Flexbox and mix-blend-mode

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Eileen, I suggest you put the status of the preview card component into the list item to add more semantics to your project, Div's don't do much for semantics but a list is much more meaningful..:

  <ul class="stats-preview__stats">
     <li>
        <span class="stat-number">10K+</span>
        <span class="stat-name">Companies</span>
     </li>
     <li>
        <span class="stat-number">314</span>
        <span class="stat-name">Templates</span>
     </li>
     <li>
        <span class="stat-number">12M+</span>
        <span class="stat-name">Queries</span>
     </li>
  </ul>
  

  I hope this is useful to you... Keep coding👍

  Marked as helpful

  1

  ---

  

  Eileen dangelo•1,600

  @EileenpkPosted over 2 years ago

  @Bayoumi-dev thank you for pointing that out, you just stopped me from doing the same thing on another project! I'm making the change now :)

  0
• 

  Faruk Abdulganiyu•380

  @farukingPosted over 2 years ago

  Good job! An observation though, the 'insight' text doesn't blend well on resizing i.e. the last letters are hidden on resize.

  Marked as helpful

  0

  ---

  

  Eileen dangelo•1,600

  @EileenpkPosted over 2 years ago

  @faruking thank you for pointing that out, I am changing the breaking point to a more natural place for the media query.

  0
• 

  Eileen dangelo•1,600

  @EileenpkPosted over 2 years ago

  Thank you Chisom, I appreciate the kudos!!

  0
• 

  Chisom Ogbonna•380

  @MavreonPosted over 2 years ago

  Great work on this Eileen, you really nailed it 🎉🎉🎉

  0