InstruçÔes

Passo 9

Conforme descrito no <a href="https://design-style-guide.G.E.A.R ACADEMY.org/" target="_blank" rel="noopener noreferrer nofollow">G.E.A.R ACADEMY Style Guide</a>, o logo deve manter uma proporção de aspecto de 35 / 4 e ter espaçamento ao redor do texto. Primeiro, altere a background-color para #0a0a23 para ver o logotipo. Em seguida, use a propriedade aspect-ratio para definir a proporção desejada de 35 / 4. Por fim, adicione um padding de 0.4rem ao redor.

O que fazer:

Testes:

  • VocĂȘ deve dar a `#logo` uma `background-color` de `#0a0a23`.
  • VocĂȘ deve usar a propriedade `aspect-ratio`.
  • VocĂȘ nĂŁo deve usar a propriedade `height`.
  • VocĂȘ nĂŁo deve alterar a propriedade `width`.
  • VocĂȘ deve dar ao `img` um `aspect-ratio` de `35 / 4`.
  • VocĂȘ deve dar ao `img` um `padding` de `0.4rem`.

Preview