How to Use Code Crispies
Code Crispies is an interactive platform for learning HTML, CSS, and Tailwind through practical exercises.
Getting Started
Open the menu (☰) to select a lesson module. Each module contains a series of lessons.
Completing Lessons
- Read the instructions on the left
- Write your code in the editor
- Click "Run" or press Ctrl+Enter to test
- Follow the hints to fix any issues
- Click "Next" when you're done
Tips
- Click "Show Expected" to see the target result
- Your progress is saved automatically
- Ctrl+Enter runs your code
Emmet Shortcuts (HTML mode)
Type abbreviations and press Tab to expand:
- div.container → div with class
- ul>li*5 → ul with 5 li children
- nav>ul>li*3>a → nested structure
- p{Hello} → p with text content
