Tenemos el marcado para el anuncio de Treehouse en la parte superior de la página, pero tenemos algunos trabajos de estilo por hacer. Comenzamos con el gráfico del árbol en sí.
Estamos pensando que el uso de vectores y la salida como SVG podría ser genial porque se verá nítido y tendrá un tamaño de archivo pequeño. Mírame agitarme en Illustrator tratando de obtener una buena versión limpia en todos los vectores y finalmente fallar. Por ahora decidimos olvidarlo y convertirlo en una imagen.
Resulta que Treehouse ya no usa esa marca de todos modos, por lo que tendré que actualizarla pronto, y definitivamente me tomaré el tiempo para hacerlo SVG, incluso si tengo que volver a dibujarlo.
Por ahora, creamos PNG y lo colocamos en el diseño con un fondo CSS. Lo reducimos con el tamaño de fondo (aunque me confundí una vez más al usar porcentajes; recuerde que cuando usa un porcentaje, es un porcentaje del elemento de partent, no un porcentaje del tamaño de la imagen en sí).
Obtenemos el color, el tamaño y el posicionamiento todo listo. Ahora el último paso es hacer que funcione en el diseño receptivo.