Challenge: Flexbox in Action
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.
index.html
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.
index.html
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 4. Capítulo 4
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Suggested prompts:
Pregunte me preguntas sobre este tema
Resumir este capítulo
Mostrar ejemplos del mundo real
Awesome!
Completion rate improved to 3.57
Challenge: Flexbox in Action
Desliza para mostrar el menú
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.
index.html
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.
index.html
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 4. Capítulo 4