# CSSwind

> A fast-paced CSS and Tailwind CSS quiz. 10 questions, 2 minutes — type the CSS property or Tailwind class from memory.

CSSwind tests frontend developer knowledge of Tailwind CSS utility classes and their underlying CSS declarations. Each round randomly assigns questions in both directions: Tailwind → CSS and CSS → Tailwind.

## How it works

- 10 questions per round, 120 second timer
- Three difficulty levels: easy, normal, expert
- Questions are drawn from a curated pool of Tailwind/CSS pairs
- Answer checking is forgiving: case, whitespace around colons, and trailing semicolons are all normalised
- Score = (correct answers × 50) + time bonus (seconds remaining)

## Question format

Each question is a pair: a Tailwind utility class and its CSS declaration.

Examples:
- tw: "flex" → css: "display: flex"
- tw: "w-full" → css: "width: 100%"

## Site

- URL: https://www.csswind.com
- Built with React 19 and Vite
- No framework, no router, no state library