Lo que las referencias llaman blog. Sus dos preguntas de fase cero quedan
resueltas, y ninguna necesitó tocar el canon.
El nombre. Blog nombra una sección entera de un sitio, y esto es la fila de
artículos recientes dentro de otra página; el tier nombra por función de página y
el elemento que renderiza es un article, así que article-grid hace coincidir
nombre, función y markup. La palabra blog sobrevive donde un consumidor la busca:
la primera línea del readme y la etiqueta del catálogo.
El artículo semántico. Un teaser tiene que ser un article o se lee como una caja
de texto suelto, pero la tarjeta del canon es un div fijo y eso parecía obligar a
elegir entre añadirle un eje de elemento o declarar un hueco. Construirlo enseñó
la tercera vía, que no cuesta nada: el bloque renderiza el article y compone la
tarjeta dentro. El tier lleva desde su primer bloque renderizando sus propios
elementos de seccionado, así que el elemento es del bloque y la superficie sigue
siendo del canon. La regla amuralla al primitivo, no a la composición.
Y tres decisiones más que sí son de diseño. La tarjeta entera no es un enlace,
porque el teaser lleva además un chip y una firma y anidar interactivos dentro de
un enlace es marcado inválido: es justo donde acaban las referencias que hacen
clicable toda la tarjeta, así que el enlace vive en el título y hay exactamente
uno por teaser. El realce al puntero viene encendido, al revés que en precios,
porque un teaser sí es algo a lo que se va. Y el bloque no formatea fechas: las
compone la app con el componente del canon.
Dos errores míos en la tanda, los dos cazados mirando la captura y no la sonda. El
ancho mínimo por defecto sólo cabía dos veces en la medida, cuando las referencias
lideran con tres columnas; medido y corregido, ahora da tres, dos y una según el
ancho. Y el segundo intento de arreglarlo no llegó a aplicarse sin que me diera
cuenta, porque lancé el reemplazo sin aserción y el formateador había juntado las
props en una línea: culpé a la caché del servidor antes de mirar el fichero.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
dev
313e4d52fa