¿en qué momentos debo usar place-items o place-cotent?, ¿por qué en este caso se usa el place-content?

Andres F. Quintero S.

Andres F. Quintero S.

Pregunta
studenthace 3 años

¿en qué momentos debo usar place-items o place-cotent?, ¿por qué en este caso se usa el place-content?

3 respuestas
para escribir tu comentario
    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 3 años

    ¡Hola! En ese caso si son iguales, debido a cómo solo hay un contenido, ese contenido a su vez es un item y por eso funcionan igual, pero solo en ese caso.

    Te dejo un codi.link para que puedas jugar, solo quita los comentarios según sea el caso.

    Place-content vs place-items ¿Pueden ser lo mismo?

    ¡Nunca pares de aprender! 🙌

    Andres F. Quintero S.

    Andres F. Quintero S.

    studenthace 3 años

    Entiendo, la duda me surge debido a que cuando estuvimos construyendo la vista de "crear una nueva contraseña", en el contenedor principal se usó "place-items" en vez de "place-content" y ahí había un grid dentro de otro grid. Para este caso, el place-items no funciona igual que el place-content, no sé si me estoy perdiendo de algo al utilizarlos.

    Christopher Andrés Guano Valencia

    Christopher Andrés Guano Valencia

    studenthace 3 años

    ¡Hola! place-content cuando quieras ubicar el contenido, place-items cuando quieras ubicar los items del contenido. El contenido es la caja que contiene a todos los hijos, los items son las cajas que contienen cada item.

    ¡Nunca pares de aprender! 💚

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.