Lesson 19 of 3063%

(Progress persistence is disabled until Phase 9)

Tailwind CSS
Beginner

Flex Direction

Changing the direction of flex items.

Use flex-row (default) or flex-col to set the direction.

<div class="flex flex-col space-y-2">
  <button class="bg-gray-200 p-2">Button 1</button>
  <button class="bg-gray-200 p-2">Button 2</button>
</div>
Try It Yourself

Lesson Progress

Ready to practise?

Apply what you learned with a hands-on challenge.

Practise This Topic