{
"slug": "html-css-4-responsive-y-layout",
"title": "Test de CSS responsive y layout",
"shortTitle": "responsive y layout",
"category": "html-css",
"categoryName": "HTML y CSS",
"description": "Practica flexbox, grid, media queries y diseño adaptable.",
"seoTitle": "Test de CSS responsive y layout online | PracticarTest.com",
"questions": [
{
"question": "¿Qué etiqueta o propiedad activa un contenedor flexible?",
"answers": [
"Align-items",
"Display: flex",
"Display: grid"
],
"correct": 1,
"explanation": "La opción correcta es display: flex: se usa para activa un contenedor flexible.",
"id": 1
},
{
"question": "Sobre responsive y layout, ¿cuál de estas opciones es correcta?",
"answers": [
"Display: grid",
"Align-items",
"Display: flex"
],
"correct": 2,
"explanation": "«Display: flex» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 2
},
{
"question": "En una situación relacionada con responsive y layout, ¿qué opción sería la adecuada?",
"answers": [
"Display: flex",
"Align-items",
"Display: grid"
],
"correct": 0,
"explanation": "«Display: flex» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 3
},
{
"question": "Sobre responsive y layout, selecciona la opción válida.",
"answers": [
"Display: grid",
"Display: flex",
"Align-items"
],
"correct": 1,
"explanation": "«Display: flex» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 4
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Align-items",
"Display: grid",
"Display: flex"
],
"correct": 2,
"explanation": "«Display: flex» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 5
},
{
"question": "¿Qué etiqueta o propiedad define separación entre elementos?",
"answers": [
"gap",
"Max-width",
"@media"
],
"correct": 0,
"explanation": "La opción correcta es gap: se usa para define separación entre elementos.",
"id": 6
},
{
"question": "Sobre responsive y layout, ¿qué afirmación es correcta?",
"answers": [
"Max-width",
"gap",
"@media"
],
"correct": 1,
"explanation": "«gap» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 7
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"@media",
"Max-width",
"Gap"
],
"correct": 2,
"explanation": "«Gap» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 8
},
{
"question": "Sobre responsive y layout, ¿cuál de las siguientes afirmaciones es correcta?",
"answers": [
"gap",
"@media",
"Max-width"
],
"correct": 0,
"explanation": "«gap» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 9
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"@media",
"Gap",
"Max-width"
],
"correct": 1,
"explanation": "«Gap» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 10
},
{
"question": "¿Qué etiqueta o propiedad alinea elementos en el eje principal?",
"answers": [
"Position: sticky",
"Display: flex",
"Justify-content"
],
"correct": 2,
"explanation": "La opción correcta es justify-content: se usa para alinea elementos en el eje principal.",
"id": 11
},
{
"question": "Sobre responsive y layout, selecciona la opción válida.",
"answers": [
"Justify-content",
"Position: sticky",
"Display: flex"
],
"correct": 0,
"explanation": "«Justify-content» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 12
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Display: flex",
"Justify-content",
"Position: sticky"
],
"correct": 1,
"explanation": "«Justify-content» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 13
},
{
"question": "Dentro de responsive y layout, identifica la alternativa que no contiene errores.",
"answers": [
"Display: flex",
"Position: sticky",
"Justify-content"
],
"correct": 2,
"explanation": "«Justify-content» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 14
},
{
"question": "Sobre responsive y layout, ¿qué afirmación es correcta?",
"answers": [
"Justify-content",
"Position: sticky",
"Display: flex"
],
"correct": 0,
"explanation": "«Justify-content» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 15
},
{
"question": "¿Qué etiqueta o propiedad alinea elementos en el eje transversal?",
"answers": [
"Min-height",
"Align-items",
"Max-width"
],
"correct": 1,
"explanation": "Align-items se usa para alinea elementos en el eje transversal.",
"id": 16
},
{
"question": "Sobre responsive y layout, ¿cuál de las siguientes afirmaciones es correcta?",
"answers": [
"Max-width",
"Min-height",
"Align-items"
],
"correct": 2,
"explanation": "«Align-items» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 17
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Align-items",
"Min-height",
"Max-width"
],
"correct": 0,
"explanation": "«Align-items» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 18
},
{
"question": "En una situación relacionada con responsive y layout, ¿qué opción sería la adecuada?",
"answers": [
"Max-width",
"Align-items",
"Min-height"
],
"correct": 1,
"explanation": "«Align-items» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 19
},
{
"question": "Sobre responsive y layout, selecciona la opción válida.",
"answers": [
"Max-width",
"Min-height",
"Align-items"
],
"correct": 2,
"explanation": "«Align-items» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 20
},
{
"question": "¿Qué etiqueta o propiedad activa una cuadrícula?",
"answers": [
"Display: grid",
"Align-items",
"Display: flex"
],
"correct": 0,
"explanation": "Display: grid se usa para activa una cuadrícula.",
"id": 21
},
{
"question": "Dentro de responsive y layout, identifica la alternativa que no contiene errores.",
"answers": [
"Display: flex",
"Display: grid",
"Align-items"
],
"correct": 1,
"explanation": "«Display: grid» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 22
},
{
"question": "Sobre responsive y layout, ¿qué afirmación es correcta?",
"answers": [
"Align-items",
"Display: flex",
"Display: grid"
],
"correct": 2,
"explanation": "«Display: grid» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 23
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Display: grid",
"Display: flex",
"Align-items"
],
"correct": 0,
"explanation": "«Display: grid» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 24
},
{
"question": "Sobre responsive y layout, ¿cuál de las siguientes afirmaciones es correcta?",
"answers": [
"Align-items",
"Display: grid",
"Display: flex"
],
"correct": 1,
"explanation": "«Display: grid» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 25
},
{
"question": "¿Qué etiqueta o propiedad define columnas de una cuadrícula?",
"answers": [
"Justify-content",
"Position: sticky",
"Grid-template-columns"
],
"correct": 2,
"explanation": "La opción correcta es grid-template-columns: se usa para define columnas de una cuadrícula.",
"id": 26
},
{
"question": "En una situación relacionada con responsive y layout, ¿qué opción sería la adecuada?",
"answers": [
"Grid-template-columns",
"Justify-content",
"Position: sticky"
],
"correct": 0,
"explanation": "«Grid-template-columns» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 27
},
{
"question": "Sobre responsive y layout, selecciona la opción válida.",
"answers": [
"Justify-content",
"Grid-template-columns",
"Position: sticky"
],
"correct": 1,
"explanation": "«Grid-template-columns» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 28
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Justify-content",
"Position: sticky",
"Grid-template-columns"
],
"correct": 2,
"explanation": "«Grid-template-columns» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 29
},
{
"question": "Dentro de responsive y layout, identifica la alternativa que no contiene errores.",
"answers": [
"Grid-template-columns",
"Position: sticky",
"Justify-content"
],
"correct": 0,
"explanation": "«Grid-template-columns» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 30
},
{
"question": "¿Qué etiqueta o propiedad aplica estilos según condiciones de pantalla?",
"answers": [
"Max-width",
"@media",
"Gap"
],
"correct": 1,
"explanation": "La opción correcta es @media: se usa para aplica estilos según condiciones de pantalla.",
"id": 31
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Max-width",
"Gap",
"@media"
],
"correct": 2,
"explanation": "«@media» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 32
},
{
"question": "Sobre responsive y layout, ¿cuál de las siguientes afirmaciones es correcta?",
"answers": [
"@media",
"Gap",
"Max-width"
],
"correct": 0,
"explanation": "«@media» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 33
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Max-width",
"@media",
"Gap"
],
"correct": 1,
"explanation": "«@media» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 34
},
{
"question": "En una situación relacionada con responsive y layout, ¿qué opción sería la adecuada?",
"answers": [
"Gap",
"Max-width",
"@media"
],
"correct": 2,
"explanation": "«@media» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 35
},
{
"question": "¿Qué etiqueta o propiedad limita el ancho máximo?",
"answers": [
"Max-width",
"Align-items",
"Min-height"
],
"correct": 0,
"explanation": "Max-width se usa para limita el ancho máximo.",
"id": 36
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Align-items",
"Max-width",
"Min-height"
],
"correct": 1,
"explanation": "«Max-width» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 37
},
{
"question": "Dentro de responsive y layout, identifica la alternativa que no contiene errores.",
"answers": [
"Min-height",
"Align-items",
"Max-width"
],
"correct": 2,
"explanation": "«Max-width» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 38
},
{
"question": "Sobre responsive y layout, ¿qué afirmación es correcta?",
"answers": [
"Max-width",
"Min-height",
"Align-items"
],
"correct": 0,
"explanation": "«Max-width» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 39
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Min-height",
"Max-width",
"Align-items"
],
"correct": 1,
"explanation": "«Max-width» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 40
},
{
"question": "¿Qué etiqueta o propiedad define altura mínima?",
"answers": [
"Align-items",
"Max-width",
"Min-height"
],
"correct": 2,
"explanation": "Min-height se usa para define altura mínima.",
"id": 41
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Min-height",
"Align-items",
"Max-width"
],
"correct": 0,
"explanation": "«Min-height» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 42
},
{
"question": "En una situación relacionada con responsive y layout, ¿qué opción sería la adecuada?",
"answers": [
"Max-width",
"Min-height",
"Align-items"
],
"correct": 1,
"explanation": "«Min-height» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 43
},
{
"question": "Sobre responsive y layout, selecciona la opción válida.",
"answers": [
"Max-width",
"Align-items",
"Min-height"
],
"correct": 2,
"explanation": "«Min-height» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 44
},
{
"question": "Sobre responsive y layout, ¿qué alternativa responde mejor?",
"answers": [
"Min-height",
"Max-width",
"Align-items"
],
"correct": 0,
"explanation": "«Min-height» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 45
},
{
"question": "¿Qué etiqueta o propiedad mantiene un elemento visible al hacer scroll?",
"answers": [
"Justify-content",
"Position: sticky",
"Display: flex"
],
"correct": 1,
"explanation": "Position: sticky se usa para mantiene un elemento visible al hacer scroll.",
"id": 46
},
{
"question": "Sobre responsive y layout, ¿qué afirmación es correcta?",
"answers": [
"Justify-content",
"Display: flex",
"Position: sticky"
],
"correct": 2,
"explanation": "«Position: sticky» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 47
},
{
"question": "Sobre responsive y layout, ¿qué alternativa es válida?",
"answers": [
"Position: sticky",
"Display: flex",
"Justify-content"
],
"correct": 0,
"explanation": "«Position: sticky» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 48
},
{
"question": "Sobre responsive y layout, ¿cuál de las siguientes afirmaciones es correcta?",
"answers": [
"Display: flex",
"Position: sticky",
"Justify-content"
],
"correct": 1,
"explanation": "«Position: sticky» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 49
},
{
"question": "Sobre responsive y layout, ¿qué alternativa responde mejor?",
"answers": [
"Display: flex",
"Justify-content",
"Position: sticky"
],
"correct": 2,
"explanation": "«Position: sticky» es la respuesta adecuada. Las demás opciones se refieren a conceptos distintos o no responden correctamente al enunciado.",
"id": 50
}
]
}