Stats preview card with flex

Community feedback

• 

  Андрій Рогов•1,155

  @Andrii-RohovPosted over 3 years ago

  Hi there, good solution, but you should fix some bugs. Try to add min-width: 1280px; to main, so the image doesn't jump. And for the rounded corners of img, add border-radius: 0 10px 10px 0; to both col and image-tint boxes

  Marked as helpful

  0
• 

  Андрій Рогов•1,155

  @Andrii-RohovPosted over 3 years ago

  And for the font, you should add not onli a link to fonts inside head tag, but also css rule like this (body { font-family: 'Lexend Deca', sans-serif; })

  0

  ---

  

  LouiseCW•235

  @costelloewardPosted over 3 years ago

  @Andrii-Rohov Thanks, I think I need to be more specific in my question. What element should the Lexend Deca rule apply to?

  Applying Lexend Deca to the title gives a letter t that does not match the design (has a straight bottom instead of a curved tail). Applying Lexend Deca to the numbers gives a number 1 that does not match the design. Applying Lexend Deca to the descriptions underneath the numbers gives a letter I that does not match the design. Applying it to the body seems unnecessary, as all the text elements need Inter applied instead. So maybe it did not need to be included in the guide?

  0

  

  Андрій Рогов•1,155

  @Andrii-RohovPosted over 3 years ago

  @costelloeward oooh, i misunderstood the question. I guess it's for ( COMPANIES TEMPLATES QUERIES) this elements

  Marked as helpful

  0