The attached screenshots will best demonstrate the issue, but the header component I generated in v0 appears “normal”, that is not being skewed to one side, but locally, it is skewed to the left. Any idea as to why that is happening? What is even more interesting is that the content below the header doesn’t seem to be affected in the same way as the header.
Created the app using create-next-app@latest, using Tailwind ^3.4.17, Node v22.16.0, React ^18.3.1.
I can’t open your project to double check, but I can get the same results in your chat if I disable the CSS for .container
Both the header and the body contents have container but the body ALSO has mx-auto, which means it’ll still have automatic horizontal margins to center itself, even without the container class, which is why it doesn’t seem to be affected
The container class is generated by tailwind based on this configuration, so that’s where I’d look for discrepancies. Check the one in v0 and the local one to see what styles are applied to container
