All comments

• 

  SlothyPete• 20

  @slothPete7773

  Submitted over 3 years ago

  How do I make mask color on the image? Also, in desktop view, when I add more padding, it takes up space in the left image, how should I solve that?

  

  Simple card component

  2

  20

  

  Giovani• 90

  @giovanibulian

  Posted over 3 years ago

  Hey, SlothyPete. About the mask color on the image, I've used the ::before pseudo element of the div element containing the image to work that out. I'm not sure if my code is written in the best way possible, but you can check it out here.

  A little caveat: the parent element (i.e. the div containing the image) must have position: relative for that to work out.

  I've learned how to use it from Kevin Powell's YouTube Channel. There is a 3-video mini-series about that. Here is the first video.

  0

  This comment has received 1 replyShow
• 

  Soumye Agarwal• 20

  @soumye6297

  Submitted over 3 years ago

  This was an interesting challenge just like the last one. But this was particularly interesting as it allowed me to learn something new. I learned how to use flex-layout as I had never used it before(used grid for most of my work). But I would ask if somebody could recommend some links for more information regarding flex-layout and its uses as well where I could find the syntax for its code. That would be very appreciated.

  Thanks

  

  I used CSS and HTML for this challenge.

  2

  10

  

  Giovani• 90

  @giovanibulian

  Posted over 3 years ago

  Hi, Soumye.

  This comprehensive guide to CSS Flexbox by CSS-TRICKS has been very enlightening in my learning process. I hope it can help you as well.

  0

  This comment has received 1 replyShow