Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Algunos usos de justify-content, aun faltan.

Referente al curso Flexbox: Posicione elementos en la pantalla, en el capítulo Footer y controlando mejor los elementos y actividad Formas de espaciar los elementos

por Greissy Sabrina Sanchez Ramos
| 82.2k xp | 12 posts

flex-start: Los elementos secundarios se alinean al principio del contenedor. flex-end: Los elementos secundarios se alinean al final del contenedor. center: Los elementos secundarios se alinean en el centro del contenedor. space-around: El espacio sobrante se distribuye de manera uniforme alrededor de los elementos secundarios. space-evenly: El espacio sobrante se distribuye de manera uniforme tanto alrededor de los elementos secundarios como entre ellos. space-between: El espacio sobrante se distribuye de manera uniforme entre los elementos secundarios, pero no alrededor del primer y último elemento.

1 respuesta
por Rafaela Rocha
| 2875.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Greissy!

Gracias por compartir tus conocimientos sobre justify-content en Flexbox. En cuanto a los usos de esta propiedad, es cierto que existen algunas opciones más que puedes utilizar para alinear los elementos secundarios en el contenedor.

Una de ellas es el valor "baseline", que alinea los elementos secundarios en su línea base, es decir, en la línea imaginaria donde se apoyan las letras. Esta opción es especialmente útil si estás trabajando con elementos de texto.

Otra opción es "stretch", que hace que los elementos secundarios se estiren para ocupar todo el espacio disponible en el contenedor. Esta opción es útil si quieres que los elementos tengan la misma altura, independientemente de su contenido.

Espero que esta información te sea útil. Si tienes alguna otra pregunta, no dudes en hacerla. ¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)