Neste laboratório, você usará HTML para criar a estrutura de uma casa. Então, você usará o posicionamento CSS para organizar os elementos da sua casa, como janelas e portas. Objetivo: Atenda às user stories abaixo e faça todos os testes passarem para concluir o laboratório. User Stories: 1. Você deve ter um div com um id de house. 1. Sua #house deve ter um position definido como relative para que seus elementos filhos possam ser posicionados em relação a ele. 1. Sua #house deve ter uma largura de 500px e uma altura de 400px. Não defina valores mínimos ou máximos. 1. Seu #house deve ter uma cor de fundo e uma borda definidas. 1. Você deve ter cinco elementos div dentro de #house com os seguintes valores de id: chimney, roof, window-1, window-2 e door. 1. Todos os filhos imediatos do #house devem ter um position de absolute. 1. #roof, #chimney, #window-1, #window-2 e #door devem ter largura, altura, borda e cor de fundo definidas. 1. Seu #roof deve ter um valor máximo de 0. 1. Sua #porta deve ser colocada na parte inferior da sua casa. 1. Suas janelas devem ser colocadas abaixo do seu #roof e pelo menos mais altas que um terço da altura da sua #door. 1. Tanto suas janelas quanto sua porta devem ter left ou right definidos com um valor que os posicione dentro dos limites da casa. 1. Seu #chimney deve ter um valor superior que o coloque no topo da sua #house. 1. Seu #chimney deve ter um z-index que o coloque atrás da casa. Nota: Certifique-se de vincular sua folha de estilos no seu HTML para aplicar seu CSS.

Testes:

• Você deve ter um `div` com um `id` de `house`.
• Você deve direcionar `#house` e definir sua `position` como `relative`.
• Você deve direcionar `#house` e definir sua propriedade `border`.
• Você deve direcionar `#house` e definir sua propriedade `background-color`.
• `#house` não deve conter uma propriedade `min-height`.
• `#house` não deve conter uma propriedade `min-width`.
• `#house` não deve conter uma propriedade `max-height`.
• `#house` não deve conter a propriedade `max-width`.
• Você deve direcionar `#house` e definir sua largura para `500px`.
• Você deve direcionar `#house` e definir sua altura para `400px`.
• Você deve ter um `div` com um `id` de `chimney` dentro do `#house`.
• `#chimney` deve ter a propriedade `position` definida como `absolute`.
• Você deve direcionar `#chimney` e definir sua propriedade `width`.
• Você deve direcionar `#chimney` e definir sua propriedade `height`.
• Você deve direcionar `#chimney` e definir sua propriedade `border`.
• Você deve direcionar `#chimney` e definir sua propriedade `background-color`.
• Você deve ter um `div` com um `id` de `roof` dentro do `#house`.
• `#roof` deve ter a propriedade `position` definida como `absolute`.
• Você deve direcionar `#roof` e definir sua propriedade `width`.
• Você deve direcionar `#roof` e definir sua propriedade `height`.
• Você deve direcionar `#roof` e definir sua propriedade `border`.
• Você deve direcionar `#roof` e definir sua propriedade `background-color`.
• Você deve ter um `div` com um `id` de `window-1` dentro do `#house`.
• `#window-1` deve ter a propriedade `position` definida como `absolute`.
• Você deve direcionar `#window-1` e definir sua propriedade `width`.
• Você deve direcionar `#window-1` e definir sua propriedade `height`.
• Você deve direcionar `#window-1` e definir sua propriedade `border`.
• Você deve direcionar para `#window-1` e definir sua propriedade `background-color`.
• Você deve ter um `div` com um `id` de `window-2` dentro do `#house`.
• `#window-2` deve ter a propriedade `position` definida como `absolute`.
• Você deve direcionar `#window-2` e definir sua propriedade `width`.
• Você deve direcionar `#window-2` e definir sua propriedade `height`.
• Você deve direcionar `#window-2` e definir sua propriedade `border`.
• Você deve direcionar `#window-2` e definir sua propriedade `background-color`.
• Você deve ter um `div` com um `id` de `door` dentro do `#house`.
• `#door` deve ter a propriedade `position` definida como `absolute`.
• Você deve direcionar `#door` e definir sua propriedade `width`.
• Você deve direcionar `#door` e definir sua propriedade `height`.
• Você deve direcionar `#door` e definir sua propriedade `border`.
• Você deve direcionar `#door` e definir sua propriedade `background-color`.
• Seu `#roof` deve ter a propriedade `top` definida como `0`.
• Sua `#porta` deve ser colocada na parte inferior da casa.
• Você deve definir `left` ou `right` no seu `#door` e posicioná-lo dentro dos limites da casa.
• Seu `#chimney` deve ter um valor `top` que o posicione no topo da sua `#house`.
• Seu `#chimney` deve ter um `z-index` que o coloque atrás da casa.
• Suas janelas devem ser colocadas abaixo do seu `#roof` e pelo menos mais altas que um terço da altura da sua `#door`.
• Você deve definir `left` ou `right` nas suas janelas e organizá-las dentro das bordas da casa.