solution stats-preview-card-component grid flexbox .....

Community feedback

• 

  P

  Lo-Deck•2,650

  @Lo-DeckPosted over 1 year ago

  Hi well done for this challenge. You can use the <picture> tag when you have different images depending on the size.

  <picture>
  <source media="(max-width: 799px)" srcset="your path" >
  <source media="(min-width: 800px)" srcset="your path" >
  <img src="your path" alt="your description" >
  </picture>
  

  Here is a link if you want more news about it Mozilla mdn.

  Hope to be helpful.

  Marked as helpful

  0

  ---

  

  DESELMAAR•280

  @DESELMAARPosted over 1 year ago

  @Lo-Deck yes you right ! Surly I will use that :)

  0
• 

  _nehal💎•6,710

  @NehalSahu8055Posted over 1 year ago

  Hello Coder 👋.

  Congratulations on successfully completing the challenge! 🎉

  Few suggestions regarding design.

  ➨ Give some width or more specific max-width to your container as it is get very large on larger screen.

  ➨ Use responsive units(rem, em, %) from next project. Explore respective use cases on google.

  link.

  ➨ You can use accessibility features like aria, sr-only, and title which are accessible to screen readers.

  I hope you find this helpful.

  Happy coding😄

  Marked as helpful

  0

  ---

  

  DESELMAAR•280

  @DESELMAARPosted over 1 year ago

  @NehalSahu8055 nice I will do that . Thank you a lot

  1