Carga la plantilla centrada. Crea un elemento en row con justify-content: center y align-items: center. La primera regla centra sobre el eje principal y la segunda sobre el transversal. El elemento conserva flex: 0 1 auto y su tamaño de contenido.
El centrado necesita espacio transversal
La vista tiene altura mínima y muestra claramente el centro transversal. Un contenedor real con altura de contenido no tiene espacio vertical sobrante. Añade tamaño o min-height solo si el diseño lo exige; FlexWeave no copia la altura de la vista al CSS.
Reglas esperadas
El contenedor incluye display flex, row, nowrap, centrado y espacios de 16px. El elemento usa flex: 0 1 auto, align-self: auto y order: 0. El HTML contiene Item 1 una vez en orden fuente.
Verifica el componente real
FlexWeave representa el modelo visual validado con el navegador actual, pero desconoce tu contenido, modo de escritura, controles enfocables y anchos compatibles. Integra las reglas en el componente, conserva un orden HTML significativo y prueba anchos estrechos, zoom, traducciones largas, teclado y tecnologías de asistencia. La dirección inversa y order nunca demuestran una secuencia de lectura correcta. Guarda CSS y HTML en control de versiones porque la cápsula no conserva proyectos.