428 líneas de Css

Sigo avanzando, he añadido estilos a <figure> y <figcaption> para ir incorporando imagenes en el blog, he tomado como medida width="800" height="600", he elegido esta proporción y tamaño porque es adecuado para capturas de pantalla y puedo prescindir de hacer versiones para responsive 55k me parece asumible.

He creado más variables Css, para el tamaño de letra del contenido y controlar el font-weight en las palabras en negrita `--font-weight-bold: 600;.

Más cambios en colores. Pequeños ajustes para mejorar la legibilidad y llegar a WCAG AA, en el modo oscuro.

He movido otra vez el header, añadiendo el link a la pagina de inicio en tipografía y quitándolo del logotipo, que queda como imagen decorativa.

En los input he dado espacio, para que sea más usable.

Y algunos ajustes visuales en los listados de posts, las listas de tags y en general he dado espacio donde he visto necesario para mejorar la legibilidad y la usabilidad.

He pasado los test (W3C y Gtmetrix) en la pagina de inicio con buenos resultados. Donde la recomendación es comprimir la Css, algo que ya sabía, pero que de momento no me interesa afrontar.

This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Document checking completed. No errors or warnings to show.

The Critical Request Chains below show you what resources are loaded with a high priority. Consider reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load. GTmetrix

Y por último he seguido borrando y ordenando código.