Skip to content

Tailwind CSS

This repo already uses Tailwind in the React frontend under frontend/. It is layered alongside existing CSS files in frontend/src/styles/ and component-level CSS.

Where Tailwind is configured

  • frontend/tailwind.config.js - Tailwind config and theme extensions.
  • frontend/src/index.css - Tailwind entrypoint with @tailwind directives.

Custom theme tokens

If you add new brand colors or spacing tokens, extend them in frontend/tailwind.config.js so they are available everywhere.

How to use Tailwind in components

  • Use class names directly in JSX (className="flex gap-4 items-center").