Stats preview card component

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Replace <h3> with <p> to fix the accessibility issues.

  for the color of the image, add background-blend-mode: multiply , background-color of soft violet and opacity: 0.8. to img_div.

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

  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

  0

  ---

  

  Omar bakry•90

  @omar-bakryPosted almost 2 years ago

  @Hassiai

  I really appreciate your help, i am going to try it now, thank you SOOOO much

  0
• 

  Hushimx•150

  @HushimxPosted almost 2 years ago

  السلام عليكم كيف حالك يا عمر ان شاء الله تكون بخير

  ماشاء الله تنفيذك ممتاز للتحدي لكن في بعض النقاط اعتقد يمديك تحسنها

  اولاً تكبر العناصر شوي عشان تكون قريبة للحجم المطلوب

  وثانياً لون الصورة تخليه بنفسجي

  background: linear-gradient(to bottom, #3204fdba, #9907facc), url(./images/image-header-desktop.jpg)no-repeat top center;
  

  وبس بالتوفيق لك اخوي

  0

  ---

  

  Omar bakry•90

  @omar-bakryPosted almost 2 years ago

  @MrSkran وعليكم السلام ورحمة الله وبركاته شكرا لك اخي فعلا ضبط, الله يحفظك

  0