Responsive Stats Component using only HTML and CSS

Community feedback

• 

  shiva santosh jana•375

  @santu369Posted over 3 years ago

  Hi Khalis,

  Good job on finishing this challenge 💪

  • Try setting display: block on the img element. I faced the same issue and this trick fixed it.

  • I am viewing this on mobile and I can see the top section of the image getting cropped. You can check on this once.

  Thanks, Shiva

  0

  ---

  

  Khalis•135

  @khalisabrahmanPosted over 3 years ago

  @santu369 Thank u very much! The mobile layout was bugging me for so long because the image was cropped out like what you said. Thanks for the tip!

  0
• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Khalis! 👋

  Congrats on finishing another challenge! Your solution responds well. There's small trick that will solve your problem. You have to add display: block to your image. Images has a display value of inline by default and is not take up all space available. The display: block; get all the place what is possible. Hope it helps.

  Good luck with that, have fun coding! 💪

  0

  ---

  

  Khalis•135

  @khalisabrahmanPosted over 3 years ago

  @tediko Thank u for the nice tips! You guys are great!

  0