Stats Preview Card , flexbox

Community feedback

• 

  Hassia Issah•50,670

  @HassiaiPosted almost 2 years ago

  For the color of the image, add background-blend-mode: multiply and opacity: 0.8 to .rightsec.

  .rightsec{
  background-image: url();
  background-size: cover;
  background-color: hsl()
  background-blend-mode: multiply;
  opacity: 0.8;
  }
  

  You forgot to add a media query for the mobile design. for more on media query Click here

  For designs that requires a media query always begin with the mobile design first, this will make the process a little bit easier.

  Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  1

  ---

  

  Mazen Salah•110

  @MazenSalahbPosted almost 2 years ago

  @Hassiai Thank you so much for taking the time to give me your valuable advice. It truly means a lot to me and I appreciate your willingness to help. Your insights have been incredibly helpful and I will definitely take them into consideration moving forward.

  1