# 042: Responsivo-izando o melhor anúncio da Treehouse - CSS-Tricks

Anonim

O anúncio que temos no local é ótimo para telas grandes / desktop, mas começa a falhar rapidamente em telas menores.

Temos alguns pontos de interrupção já em uso neste projeto, mas onde este projeto começa a quebrar não corresponde aos pontos de interrupção existentes. Não tem problema, podemos facilmente criar pontos de interrupção únicos apenas para isso.

Fazemos algumas escolhas sobre o que pode ser oculto no anúncio quando temos menos espaço disponível. Começamos removendo o gráfico da árvore e continuando com apenas algum texto. Até usamos alguns trechos no texto para reutilizar palavras em frases que já temos (esconder algumas palavras, deixar outras). No menor tamanho, trazemos apenas a árvore de volta sozinha.

Este projeto específico provavelmente mudará e, em seguida, mudará novamente e novamente. Essa é a natureza da publicidade: manter as pessoas que pagam pelo anúncio felizes e, ao mesmo tempo, manter a integridade do design.