CSS interfaces avanzado

Partiendo del valor grid-column-start: 2, qué valor le deberemos dar a grid-column-end?

grid-column-end=_;

¿Qué valor de justify-content en Flebox deberemos usar aquí?

• space-evenly;

• space-around;

• space-equally;

• space-between;

Cómo se denomina a los elementos separadores de celdas indicados por números en una cuadrícula Grid?

• ítems

• áreas

• líneas

• bandas

¿Qué valor CSS de grid-template-columns deberemos usar aquí?

• 1fr 2fr 1fr

• 33% auto 33%

• 25% 50% 25%

• 1fr 3fr 1fr

¿Qué valor CSS de grid-container deberemos usar aquí?

• grid-row: 2/4;

• grid-column: 2/-1;

• grid-column: 2/ span 2;

• grid-row: 2/3;

¿Cuál es la ventaja de usar unidades fraccionarias fr sobre otras unidades como porcentajes?

• No tienen en cuenta la propiedad de gap de la cuadrícula, mientras que los porcentajes sí.

• Son unidades que no dependen del tamaño del dispositivo que estemos usando al ser absolutas.

• Las unidades fr solo usan el espacio libre restante, mientras que las otras usan todo el espacio.

• Muestran el contenido de forma responsiva al reducir el tamaño del elemento hijo.

¿Cuál de los siguientes valores de align-items en Flexbox no es válido?

• flex-start

• flex-end

• strech

• space-between

¿Qué valor CSS en Grid deberemos utilizar para el contenedor indicado?

• grid-column: 4;

• grid-column: 1/4;

• grid-column: 1/-1;

• grid-row: 1/-1;

¿Con qué la propiedad en FlexBox indicaríamos un factor de crecimiento de un elemento respecto al resto?

• flex-basis

• flex-shrink

• flex-grow

• auto-size

¿Cómo establecerías el valor de una columna CSS de entre 200 y 500px?

• column: repeat (200, 500);

• grid-template-columns: minmax(200px, 500px);

• grid-size: 200px, 500px;

• grid-template-rows: 100px 100px;