stats-preview-card-component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  Hello Filip, congratulations for your solution!

  Answering your question:

  To make the paragraph have the length you want you can define it with max-width: 340px to hsvr this maximum size or define a limit of characters using max-width: 30ch if you want maximum 30 characters as an example.

  To add the exact same purple overlay effect for the image, matching the design files you can use, filter or mix-blend-mode. See the code below

  img {
  mix-blend-mode: multiply;
  opacity: 0.75 ;}
  
  

  Hope it helps, happy coding!

  1
• 

  Bryan•130

  @MamieNorrisPosted about 2 years ago

  Hi Filip,

  First of all, great job man for this project ! Tried to have a closer look on your design to really match the paddings. Try not to use fixed units (px) for your margins, paddings, heights and widths but try instead using rem or em (you can find a "px to rem convertor" online ;) ).

  Once you think you're done read your whole code once more to see if you made mistakes or forgot stuffs. For exemple, in your css for the h1 your forgot to add the unit for the line-height.

  Tiny feedback from a fellow beginner ! Keep on going Filip :D

  0
• 

  Phúc (Scott) Nguyễn•430

  @NationsAnarchyPosted about 2 years ago

  Hi Filip! Good job on the solution :D

  Personally for this challenge, I used the CSS properties called max-width to adjust how all of the texts would spread out/go down.

  Let me know if that helps you out, and as always - happy coding!

  0