Skip to content

Latest commit

 

History

History
26 lines (23 loc) · 1.66 KB

desafios.md

File metadata and controls

26 lines (23 loc) · 1.66 KB

#Desafio01: Organizando a malinha do coração Vamos pensar em coisas bonitas que guardamos no coração, escolher algumas, e organizar com CSS.

  1. Crie um documento HTML com a estrutura básica completa
  2. Crie um header, com um título e uma imagem
  3. Crie um main com quatro sections
  4. Em cada section adicione uma imagem e um parágrafo
  5. Adicione um background de sua preferência no header e em cada section
  6. Adicione um padding com o valor de sua preferência nas sections
  7. Adicione um margin com o valor de sua preferência no header
  8. Adicione uma borda sólida, com uma largura, e cor de sua preferência em cada uma das sections

#Desafio02: Criando um monstrinho Vamos criar um monstrinho com formas em CSS

  1. Crie um documento HTML com a estrutura básica completa
  2. Crie um main com uma section
  3. Essa section vai ser a nossa tela de pintura
  4. Adicione uma altura, largura, cor no background, e position relative da section
  5. Dentro da section crie uma div com uma classe chamada monstro
  6. Adicione uma largura, altura, cor no background, e position absolute no monstro
  7. Adicione border-radius para arredondar o corpo do monstrinho e posicione ele com top, left, right ou bottom
  8. Adicione uma nova div com uma classe olho dentro da div monstro, ou seja, a div olho é filha da div monstro
  9. Adicione uma lagura, altura, cor no background, position absolute e posicione a div olho com top, left, right ou bottom
  10. Adicione uma nova div com a classe iris dentro da div olho, ou seja, a div iris filha da div olho
  11. Adicione uma largura, altura, cor no background, position, absolute, e posicione a div iris com top, left, right ou bottom