Responsive Card Preview using CSS Flexbox

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  Congratulations well done. Just a few pointers

  • Your card ratio is off, the right side is larger than the left side. It should be almost 50/50
  • On the left side there is too much empty space between content on top and content at the bottom
  • For you image overlay try this

  .filter {
  background: rgb(170, 92, 219); /* remove the alpha channel */
  /* border-radius: 10px; */
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply; /* add this line */
  opacity: 0.9; /* play with the opacity until you have what you like */
  }
  

  Marked as helpful

  0