Responsive Stats Preview Card Component with Bootstrap

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

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

Hey @nurularifin83,

• you have not given background color.