Responsive Stats Preview Card Component with Bootstrap

Community feedback

• 

  Carlo Autor•160

  @A14313Posted over 2 years ago

  Good Job! But there are a few things I want to mention. The image is smooshed when resizing the window. Try to resize to 1000px, you'll see that the image is so smooshed. Try adding some breakpoints it will solve the problem.

  Also, I noticed that when you reached 600px the image will go down. It is okay but the image itself has a border-radius. To fix that problem, remove the border-radius to the image and add the border radius to the card itself and add overflow:hidden to the card itself. It will fix the problem.

  Lastly, it is recommended that you follow the design rules like font, spacing, etc.

  You can check out my solution and try resizing it from the smallest 375px up to the biggest possible, Try noticing the image. You can check also my code to see what I mean by media queries. I hope that this helps you.

  My solution: https://www.frontendmentor.io/solutions/mobilefirst-solution-using-css-grid-and-flexbox-9ktU1M_TTC

  Please give me feedback also in my solution. Don't forget to mark this as Helpful Thank you

  Marked as helpful

  0

  ---

  

  Nurul Arifin•310

  @nurularifin83Posted over 2 years ago

  @A14313 Hi Carlo, thank u so much for your reminding me.

  0
• 

  mubizzy•1,520

  @mubizzyPosted over 2 years ago

  Excellent job on this challenge! your report has a few issues though:

  1. wrap everything in your body in <main> or use semantics

  2.   it is a best practice to use both HTML 5 and ARIA landmarks to ensure all     content is contained within a navigational region.

  Hope it helps:)...don't forget to mark it as helpful 👍

  You can get more details here...click here

  Marked as helpful

  0

  ---

  

  Nurul Arifin•310

  @nurularifin83Posted over 2 years ago

  @mubizzy thank u for your suggestion

  0
• 

  faizan•2,420

  @afaiz-spacePosted over 2 years ago

  Hey @nurularifin83,

  • you have not given background color.

  Marked as helpful

  0

  ---

  

  Nurul Arifin•310

  @nurularifin83Posted over 2 years ago

  @afaiz-space Thank u for reminding me Faizan

  0