Stats-preview-card-with-css-flex

Community feedback

• 

  Cornflakes•290

  @CornflakesPlusPosted over 2 years ago

  Hi Tarik.

  For the image color, I've used the Filter property.

  filter: opacity(0.6) drop-shadow(0 0 0 rgb(165, 3, 206));
  

  You can search up the use of Filter property on CSS-TRICKS and MDN to learn more about them.

  Marked as helpful

  2

  ---

  

  Tarık•330

  @developertarikPosted over 2 years ago

  @CornflakesPlus thanks

  0
• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted over 2 years ago

  Hello Tarik! The above solution is the best, but you could also put a <div> above the image with the same size and give it a background color with transparency .5 for example. (( backgroun-color: hsla( 0, 0%, 0%, .5 );). On the other hand, you have more than one <h1> tag and that's not a good practice (it should be no more than one per page).

  1

  ---

  

  Tarık•330

  @developertarikPosted over 2 years ago

  @Enmanuel-Otero-Montano What do you think I should use instead of h1 :) ?

  0

  

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted over 2 years ago

  @developertarik the <h1> that is with class "top-container-header is fine, the others you can replace with <h2> or <p>.

  1

  

  Tarık•330

  @developertarikPosted over 2 years ago

  @Enmanuel-Otero-Montano thanks

  0