All comments

• 

  Mario Imanuel• 40

  @Sushitr4sh

  Submitted over 1 year ago

  Hello, I'm running into a few problems here, seems like I can't fit my image on the grid-item while on the desktop version. I tried using width, min-width, max-width, height, object-fit, but it won't fit the grid-item. Also i want to ask how can i get a similar violet filter on the image that are in the design folder, should I use a div and set the color to purple, set the size, and opacity like I did in my solution, or is there any other way like using CSS filter or other property thanks!

  

  My "Stats Preview Card Component" Solution

  1

  10

  

  Vivek Bhatt• 160

  @vivekbhatt07

  Posted over 1 year ago

  For the image color, I just want to add that I used { background-image: url(location of the img); background-color: "voilet color"; background-blend-mode: "try values one by one according to your requirement" } At first, I also used opacity, but it was not looking great. But by using blend mode it looks better than before, but not same as the img in original.

  0
• 

  Pankaj Kumar• 120

  @pankaj512

  Submitted almost 2 years ago

  Here is solution for this using CSS grid. Please review and provide feedback. Thanks

  

  3-column preview card component using CSS Grid

  2

  30

  

  Vivek Bhatt• 160

  @vivekbhatt07

  Posted almost 2 years ago

  Nicely done, but recommend you to use higher value of border-radius to make it more round. More rounded button will look nice. By the way great work 👍.

  1
• 

  Leonardo Araujo• 100

  @araujoleo

  Submitted almost 2 years ago

  

  3-column-preview-card-component-main

  2

  30

  

  Vivek Bhatt• 160

  @vivekbhatt07

  Posted almost 2 years ago

  Thank you for the suggestion it was very helpful. Learnt new things and will remember to apply them.

  0