Challenge: Flexbox Utilities

Task

Complete the provided HTML structure by filling in the missing Tailwind CSS classes according to the layout requirements.

• Parent div: Set the display to flex, and arrange the items in a column;
• Child divs: Center the items horizontally and vertically within the container.

For the parent div,

• Use flex to set an element to use Flexbox for its layout;
• Use flex-col to place items in a column;
• Use items-center to align items to the center;
• Use justify-center to align items to the center.