Este ejercicio es bastante laborioso (y muchísimo más difícil que el examen). Lo más importante es lograr la disposición de los divs con colores de fondo. Esto se puede lograr fácilmente con grid.
Sin embargo, no es lo mismo alinear las cajas de texto que alinear en sí.
Recuerden que pueden usar
text-align: center;en este caso. CSS es una tecnología flexible y bonita, pero bastante complicada.
La propiedad
Cuando un elemento tiene únicamente texto dentro, se crean "nodos de texto" que contienen el texto, los cuales pueden alinearse.
display: flex;también permite establecer la alineación de los hijos de un elemento, aunque el elemento tenga puro texto.
Cuando un elemento tiene únicamente texto dentro, se crean "nodos de texto" que contienen el texto, los cuales pueden alinearse.
