Search code examples
github-actionstailwind-cssgithub-pagesastrojs

Problem with Tailwind and Github Pages deployment


I'm deploying this Astro landing page and I have followed Astro's guides to both integrate Tailwind and deploy it to Github Pages and the page loads with correct HTML but Tailwind classes do not seem to work/load. I cannot find what is missing in the project (maybe some deploy.yml config?) for it to work. I've built the project locally and the problem is the same


Solution

  • CSS import in head was not getting it right and I don't know what I did but now it loads it well. Indeed, the media wasn't loading either and I had to add the base to the img and video elements' sources. Thanks to @Wongjn for the insight though.

    In my project, you can see the steps to achieve this.