InstruçÔes

Passo 5

Para visualizar melhor o tamanho dos elementos, pode ser Ăștil adicionar uma borda. DĂȘ ao elemento .gallery uma width de 50% e uma border de 5px solid red. Em seguida, dĂȘ ao elemento img uma width de 100%, um padding de 5px e uma border de 5px solid blue.

O que fazer:

Testes:

  • VocĂȘ deve ter um seletor `.gallery`.
  • O seletor `.gallery` deve ter uma propriedade `width`.
  • O seletor `.gallery` deve ter a propriedade `width` definida como `50%`.
  • O seletor `.gallery` deve ter uma propriedade `border`.
  • O seletor `.gallery` deve ter a propriedade `border` definida como `5px solid red`.
  • VocĂȘ deve ter um seletor `img`.
  • O seletor `img` deve ter uma propriedade `width`.
  • O seletor `img` deve ter a propriedade `width` definida como `100%`.
  • O seletor `img` deve ter uma propriedade `padding`.
  • O seletor `img` deve ter a propriedade `padding` definida como `5px`.
  • O seletor `img` deve ter uma propriedade `border`.
  • O seletor `img` deve ter a propriedade `border` definida como `5px solid blue`.

Preview