I have installed tailwind with composer create-project roots/sage and it was working for the most part. However, the grid (https://tailwindcss.com/docs/grid-template-columns) was not working. I was trying to update the Tailwind by running the yarn add -D tailwindcss in the theme directory and it broke the build. Running yarn build gives a lot of Tailwind-related errors.
Could you please tell me how to fix it and make the build process work and have Tailwind work again, preferably with grid support?
I tried 9, whatever the composer create-project roots/sage installs.
Unfortunately I am not knowledgeable enough to correct the config and scss files to make it work. Is there a guide?
first - you set Tailwindcss in the package.json to the lastest version. and install.
then you find the tailwind.config.js ( resources/assets/styles&) and overwrite it with the default config file from Tailwind.
Then you find the main.scss file and rename on line 12 - @tailwind preflight to @tailwind base
Then you go though all the other scss files (global, buttons, comments, forms and header) and remove or rename: