CSS - Comenzando un nuevo proyecto

No ir como pollos sin cabeza

Pensad, ¿Qué necesitamos? No empecemos a tirar líneas de código sin pensar. Recordad, estamos programando

Aceptando la paleta de colores

En CSS, ahora, tenemos variables (custom properties). Sí, una mejora tremenda. Antes de empezar, los definimos y marcamos para el proyecto.

:root {
  --primary-color: #abcdef
  --secondary-color: magenta
  --text-color: #00000
  --ok-color: hsl(100deg 37% 10%)
  --ok-text-color: hsl(100deg 50% 4%) 
}

Mobile First, por favor y gracias.

Para no complicarnos la vida, lo mejor es pedir un diseño, primero de todo, adaptado a móviles. Nos quitaremos quebraderos de cabeza.

Y es muchísimo más fácil adaptar hacia arriba, tanto en accesibilidad como en usabilidad como en diseño, que al contrario.

Si algo se ve bien en móvil, se verá en escritorio, al contrario ... ya tu sabes