completed stats-preview card

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted over 1 year ago

  Replace <div class="main"> with the main tag and <div class="attribution"> with a footer tag. click here for more on web-accessibility and semantic html

  For the color of the image, there is no need for a linear gradient in .right, give .right a background-color of soft violet, background-blend-mode: multiply and opacity of 0.8.

  .right{
  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 mor on media query Click here

  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

  0

  ---

  

  Ayush namdev•120

  @ayushprojectsPosted over 1 year ago

  @Hassiai thanks for commenting hassiai this is very useful.

  0