'Sizing issue on screen sizes less than 475px in Tailwind CSS

I am building a dummy website with shapes, but there are some issues with screen sizing.

You can see in the above image that there are some sizing issues with the website when using Chrome DevTools to view how the website would look in different screen sizes.

Source code

I am using the latest version of Tailwind and Next.js, but I still get this annoying whitespace.

Any ideas on how to fix it?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Sizing issue on screen sizes less than 475px in Tailwind CSS

Sources

Related Questions