Imágenes y espaciado

Tamaño de imágenes

El tamaño por defecto es de 85 % de ancho, pero éste puede modificarse para que la imagen se vea más pequeña. Se recomienda usar criterio estético y que la imagen cumpla con ser legible, pero que no use todo el viewport (zona visible del navegador).

Cada imagen se puede clickear para agrandar, ya que incluye las etiquetas definidas en Bootstrap 5 para que se abran en un modal.

Espaciado

Para elementos que están dentro de una misma pregunta (por ejemplo: texto de la pregunta + imagen), se usará un espaciado de 15 px de alto. Ver la Figura 1 a modo de ejemplo.

Figura 1: Ejemplo de pregunta con imágenes dentro del ítem de pregunta.

Para separar secciones (por ejemplo: un elemento de pregunta con sus alternativas seguido de un elemento de diálogo o contexto), se usará un espaciado de 30 px:

<div style="height: 30px;"></div>