En el video anterior aprendiste cómo alinear elementos a través de justify-content, un comando responsable de justificar, formateando la posición según el requisito del desarrollador. Ahora imagina que recibiste un código listo, el cual, al presentar errores, no está funcionando. Además, también te enviaron imágenes de cómo está y cómo debería ser el proyecto.
Analiza el código y las imágenes a continuación y marca la alternativa que resuelva correctamente el problema.
main { display: flexbox; justify-content: center; }
Como está:
la respuesta es la A;
main {
display: flex;
justify-content: space-between;
}
¡Correcto! Con este código, el proyecto pasa a ser como debería ser, es decir, con los cuadrados en línea, dentro del límite de main y separados por un espacio en el medio. Ambas propiedades se utilizaron dentro del estándar de Flexbox y en el contexto adecuado.