Temos a marcação para o anúncio Treehouse no topo da página, mas temos alguns trabalhos de estilo a fazer. Começamos com o próprio gráfico da árvore.
Estamos pensando que usar vetor e saída como SVG pode ser legal porque terá uma aparência nítida e terá um tamanho de arquivo pequeno. Observe-me me debatendo no Illustrator tentando obter uma versão limpa e legal dele em todos os vetores e, no final das contas, falhar. Por enquanto decidimos esquecê-lo e apenas torná-lo uma imagem.
Acontece que Treehouse não usa mais essa marca de qualquer maneira, então vou precisar atualizá-la de qualquer maneira em breve, e com certeza terei tempo para torná-la SVG, mesmo que tenha que redesenhar.
Por enquanto, fazemos PNG e o colocamos no design com um fundo CSS. Reduzimos o tamanho com o tamanho do fundo (embora eu tenha me confundido mais uma vez usando porcentagens - lembre-se de que quando você usa uma porcentagem, é uma porcentagem do elemento parte, não uma porcentagem do tamanho da própria imagem).
Obtemos a coloração, o dimensionamento e o posicionamento definidos. Agora, a última etapa é fazer com que funcione no design responsivo.