Neste laboratório, você praticará o uso de cores CSS projetando caixas. Objetivo: Cumprir as user stories abaixo e fazer todos os testes passarem para completar o laboratório. Histórias de Usuário: 1. Você deve definir a cor de fundo para body como #f4f4f4. 2. Você deve ter um div com uma classe color-grid para conter todos os seus elementos de cor. 3. Você deve ter cinco elementos div dentro do elemento .color-grid. 4. Os cinco elementos div devem cada um ter uma classe color-box e color#, onde # é o número da ordem daquele div. Por exemplo: color1 para o primeiro div, color2 para o segundo, e assim por diante. 5. A classe .color-box deve ter um width e height definidos para que seus elementos div fiquem visíveis na página. 6. O elemento .color1 deve ter um background-color que utilize um valor de cor hexadecimal. 7. O elemento .color2 deve ter um background-color que utilize um valor de cor RGB. 8. O elemento .color3 deve ter um background-color que utilize um valor de cor (palavra) pré-definido. 9. O elemento .color4 deve ter um background-color que utilize um valor de cor HSL. 10. O elemento .color5 deve ter um background-color definido. Nota: Certifique-se de vincular sua folha de estilos no seu HTML e aplicar seu CSS.

Testes:

• `body` deve ter uma cor de fundo de `#f4f4f4`.
• Você deve ter um elemento `div` com uma classe `color-grid`.
• Você deve ter cinco elementos `div` dentro do elemento `.color-grid`.
• Cada um dos cinco elementos `div` deve ter uma classe `color-box` e `color#`—substitua a ordem do `div` pelo símbolo `#`.
• A classe `.color-box` deve ter as propriedades `width` e `height` definidas.
• Os elementos `.color-box` devem sempre ter um `width` e `height` diferentes de zero. Tente redimensionar a pré-visualização para um tamanho menor, certifique-se de que as caixas não desapareçam.
• O elemento `.color1` deve ter uma cor de fundo hexadecimal.
• O elemento `.color2` deve ter uma cor de fundo RGB.
• O elemento `.color3` deve ter uma cor de fundo (palavra) pré-definida.
• O elemento `.color4` deve ter uma cor de fundo HSL.
• O elemento `.color5` deve ter uma cor de fundo definida.