Tailwind CSS topics
12 short topics in HTML CSS and Accessibility. Each one is a single focused exercise with a clear piece of evidence at the end.
12 topics, one exercise each.
Work through them in order, or jump to the one you need.
These are draft topic outlines (draft; instructor review pending). Full lessons follow after review; ask Ajay if you need a topic sooner.
- 01
Selector matching and specificity
Demonstrate selector matching and specificity in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 02
Cascade order and inheritance
Demonstrate cascade order and inheritance in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 03
Box dimensions and sizing
Demonstrate box dimensions and sizing in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 04
Layout and positioning
Demonstrate layout and positioning in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 05
Flexible row and column layouts
Demonstrate flexible row and column layouts in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 06
Grid layout and alignment
Demonstrate grid layout and alignment in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 07
Responsive conditional rules
Demonstrate responsive conditional rules in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 08
Typography and font rendering
Demonstrate typography and font rendering in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 09
Custom properties and token composition
Demonstrate custom properties and token composition in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 10
State styling and pseudo-elements
Demonstrate state styling and pseudo-elements in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 11
Animation and transition behavior
Demonstrate animation and transition behavior in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course → - 12
Motion and contrast accessibility
Demonstrate motion and contrast accessibility in a focused Tailwind CSS example; verify normal behavior and one edge or failure case. Keep the exercise bounded and record the behavior supported by the chosen version.
Open micro-course →
Learn the same ideas beyond Tailwind CSS.
These courses share topics with this one, so you can compare how each language or tool handles the same concept.
More in CSS UI and design systems.
You have the curiosity.
Let’s turn it into capability.
Start with a practical workshop or bring a specific question to Ajay.