Even you have set the width as 100vw (It means 100% of screen, correspondent with โ€˜h-screenโ€™ on TailwindCSS)

You got additional margin.

Because, the 100vw size doesn't count the size of scroll bar. To resolve this, You can choose two options.

Use โ€˜w-fullโ€™ but โ€˜w-screenโ€™

Use โ€˜w-fullโ€™ but โ€˜w-screenโ€™, and that count the size of scroll bar, and doesnโ€™t make additional margin.

Or add โ€˜w-max-fullโ€™

Or add โ€˜w-max-fullโ€™. It limits the width to full of width. And itโ€™s not over the full width of the screen.

Check a post on the StackOverFlow

https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw/26939293#26939293

--

--

Fredric Cliver

Fredric Cliver

Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a โ˜”๏ธ ๐Ÿ‡ฌ๐Ÿ‡ง