Responsive Card with CSS Grid and Flexbox

Community feedback

• 

  Smita•375

  @Smita-14Posted over 3 years ago

  Hey James! Your submission is excellent! It is almost similar to the design. I just want to say this that you don't have to generate more colors as all the design specs are already mentioned in the style guide. Matching the color of the image seems tricky and for that you can take a look at mix-blend-mode and background-blend-mode. Both can be useful in matching the color of the image. Keep it up!

  Marked as helpful

  1

  ---

  

  James Greilick•50

  @jgreilickPosted over 3 years ago

  @Smita-14 Thanks Smita! I appreciate the encouragement and the tip! I plan to rework my solution using the two properties you mentioned so I can learn a bit about them. Thank you for taking the time to share.

  I meant to reply and accidentally posted this in my comment feed. Still figuring it out :)

  0

  

  Smita•375

  @Smita-14Posted over 3 years ago

  Haha It's alright! @jgreilick please take your time to explore here. And oh I missed out the opacity property which would also be helpful in the case. Another option is to use alpha value of colors to achieve the same. Mix & match all the properties and see what works for you.

  • CSS Opacity
  • Alpha values in CSS Colors

  1