Flex Solution for Card Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Daniel, congratulations for your solution!

  I've inspected your code and the error with the component image is due its padding, if you increase the padding you see that the image starts to grow, you've imported the image using background-image right? See the code below where I've changed the padding and the image grows.

  .cover-image {
      padding: 220px 64px;
  }
  

  My advice for your is that you import the image using <img> or <picture>, see that picture is a better fit because you can wrap both mobile and desktop image inside of it, doing that you avoid these background-image behaviors and improve the semantics too.

  Look that the blendmode for this challenge multiply have a better fit than the overlay one you've used for mix-blend-mode.

  Hope it helps and happy coding!

  0