Falt-UI Colors

Il sito
https://flatuicolors.com/
presenta delle palette di colori che si abbinano bene gli uni agli altri.

Quando prepari i tuoi siti ti consigliamo di non scegliere colori a caso, ma invece di prenderli da una palette preparata da designer esperti.

  1. Crea un nuovo repository su GitHub e chiamalo flat-colors
  2. Clonalo in locale
  3. Crea un file index.html contenente 10 div
  4. All'interno di ogni div scrivi in due paragrafi di testo:
    • il nome colore: ad es. SUNFLOWER
    • il codice colore: ad es. #FFC312
  5. Crea delle regole CSS in modo che:
    • ogni div abbia dimensioni 500 x 500 pixel
    • ogni div abbia come colore di sfondo il colore corretto
    • tutti i nome colore appaiano di colore bianco
    • tutti i codici colore appaiano in grigio su sfondo bianco con un normale carattere Arial
    • tutti i nome colore abbiano un effetto ombreggiatura a tua scelta
    • tutti i titoli e i codici siano allineati orizzontalmente al centro