# 042: Responsive-izing the Top Treehouse Ad - Trucos CSS

Anonim

El anuncio que tenemos es excelente para pantallas grandes / de escritorio, pero comienza a fallar rápidamente en pantallas más pequeñas.

Ya tenemos algunos puntos de interrupción en uso en este diseño, pero donde este diseño comienza a romperse no coincide con esos puntos de interrupción existentes. No hay problema, podemos crear fácilmente puntos de interrupción únicos solo para esto.

Tomamos algunas decisiones sobre lo que se puede ocultar en el anuncio cuando tenemos menos espacio disponible. Comenzamos eliminando el gráfico del árbol y vamos con solo un poco de texto. Incluso usamos algunos intervalos en el texto para reutilizar palabras en oraciones que ya tenemos (ocultar algunas palabras, dejar otras). En el tamaño más pequeño, traemos solo el árbol solo.

Este diseño en particular probablemente cambiará y luego cambiará una y otra vez. Esa es la naturaleza de la publicidad: mantener felices a las personas que pagan por el anuncio mientras se mantiene la integridad de su diseño.