Skip to content
OverviewSolutions
5
Comments
2
Giovani
@giovanibulian

All comments

  • SlothyPete•20
    @slothPete7773Submitted 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
    Giovani•90
    @giovanibulianPosted 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
  • Soumye Agarwal•20
    @soumye6297Submitted 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
    Giovani•90
    @giovanibulianPosted 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