flexbox,media queries

Great work!

You already did good on how to centering the component. but you 10% margin in container is too big when in big screen. you can change it to margin:10px or 1rem maybe, it will make the component looks better when in large screen.

Keep up the good work!

Hola Bharath. Your component does not center correctly on devices smaller than 1440px. Using flexbox helps you to center these elements no matter if the screen is increasing or decreasing. And yes, reviewing your code, you are evidently applying it. But if you apply a margin, this will prevent the correct centering, you can use a padding instead of a margin to avoid this. Greetings! 😀