Blog Preview Card

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have a suggestion regarding your code that I believe will be of great interest to you.

PREVENTING OVERFLOW :

• " In mobile view, my page is overflowing in the y-axis. I am not getting why. The reason was that if any element has more height than my viewport, then it may be possible. I used the developer tools, but couldn't understand why is it happening ", I think it may be caused due to default style rules which are applied for you solution by your browser during rendering website.

• I see you have hardcoded values like margin: 0 and padding: 0 for body two times because of using media queries, I would suggest you to try Destyle.css.

• Destyle.css is nothing but a stylesheet which helps us to get rid of every default rules applied for our website by browsers, more like a CSS Reset. this will results in building applications which is consistent across different browsers.

.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!

Great Job Check your min-height property. The issue you are facing is because of that component.