How to deploy a tailwind project without losing its originality?
23:38 04 Sep 2022

I completed my first tailwind project and I worked on it by opening it on my VSS live server. However, after I finished working on the project and deployed it on github and netlify, the website looks slightly different. For example, the nav bar is compressed and also any other such components.

My first screenshot is of how the website looks in my VSS live server.

This is how the website looks like in my VSS live server

The second screenshot is of how it looks once it's deployed or even after I open it directly in Chrome from local storage.

deployed site

I have worked very hard on this and I want it to deploy as it shows in my live server and I am unable to understand why there is such a big difference.

This is the link to my github code: https://github.com/ajayksuresh/ineuron-paytm-clone

This is the deployed link: https://aj-paytm-clone.netlify.app/

Please note that I used tailwind by installing it using npm.

tailwind-css tailwind-css-3