i used flexbox in making this

Community feedback

• 

  I'm Fabra•160

  @imfabraPosted over 3 years ago

  I invite you to look at the solution I gave to this exercise and leave your comment: https://www.frontendmentor.io/solutions/stats-preview-card-component-solution-html5-css3-bem-QCrz6ndBt

  Let's keep coding!

  0

  ---

  

  Rishabh Sharma•10

  @rishabh0540Posted over 3 years ago

  Hey Daniel! Thanks for sharing your solution. It helped me indeed. You made really close to the challenge.

  0

  

  I'm Fabra•160

  @imfabraPosted over 3 years ago

  @rishabh0540 I'm glad it serves you ... :) :)

  0
• 

  Franziska Wich•210

  @franziskawichPosted over 3 years ago

  Hi Rishabh,

  a suggestion for your problem with the sizing of the image: try using object-fit: cover; and width: 100%; on the class for your image. (https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)

  This doesn't fix everything of course... the first box takes up too much space afterwards but it's a start. (:

  You could remove your padding on box1, set flex: 1 0 0px; on both boxes (now they should have an equal width) and then use flexbox on box1 again to center the rest of the elements correctly. I am not sure if this is the best solution or if this would work, it probably needs some more changes but that's how I would approach it.

  Good luck~

  Franzi

  0

  ---

  

  Rishabh Sharma•10

  @rishabh0540Posted over 3 years ago

  @franziskawich thanks a lot for helping me out

  0