38 items
Sizing with Width and Height
QuizPadding Utility Syntax
Code QuizCentering Flex Items
Code QuizGap Between Children
Code QuizBackground Color Shade
Code QuizFont Size Utility
Code QuizEnabling Flexbox
Code QuizText Alignment Class
Code QuizBorder Radius Utility
Code QuizFlexbox Layout Utilities in Tailwind
Slides / VideoBorder and Border-Radius Utilities
Slides / VideoColor Utilities for Text and Background
Slides / VideoTailwind Typography Utilities
Slides / VideoSizing With w- and h- Utilities
Slides / VideoSpacing Utilities: Padding and Margin
Slides / VideoComposing Utilities Into a Component
Slides / VideoRefactoring Styles Into Tailwind Utilities
Slides / VideoUtility Order Doesn't Matter
Slides / VideoShadow and Opacity Utilities
QuizFlexbox Alignment and Gap
QuizDisplay Utilities Basics
QuizBorders and Rounded Corners
QuizBuilding a Component with Utilities
QuizWidth and Height Utilities
FlashcardPadding Utilities
FlashcardFont Size Utilities
FlashcardBackground Color Utilities
FlashcardThe Spacing Scale
FlashcardMargin Utilities
FlashcardFinding Utilities in the Docs
FlashcardFont Weight Utilities
FlashcardText Alignment Utilities
FlashcardText Color Utilities
FlashcardColor Naming and Shade Scale
FlashcardComposing Utilities Into Components
FlashcardUtility Order Doesn't Matter
FlashcardBorder and Rounded Utilities
FlashcardDisplay Utilities
FlashcardCentering Flex Items
Spot the wrong utility for cross-axis alignment.
<div class="flex justify-center align-items-center"> <span>Hi</span> </div>
The item is centered horizontally but not vertically. What is the bug?