Imamo oznaku za oglas Treehouse na vrhu stranice, ali moramo obaviti nekoliko styling poslova. Počinjemo sa samom grafikom stabla.
Razmišljamo da bi korištenje vektora i izlaza kao SVG moglo biti u redu jer će izgledati oštro i biti male veličine datoteke. Gledajte me kako mlataram u Illustratoru i pokušavam dobiti lijepu čistu verziju u svim vektorima i na kraju ne uspijem. Za sada smo to odlučili zaboraviti i samo ga pretvoriti u sliku.
Ispostavilo se da Treehouse ionako više ne koristi to žigosanje, pa ću ga uskoro morati ažurirati i zasigurno ću uzeti vremena da ga napravim SVG-om, čak i ako ga moram ponovno nacrtati.
Za sada izrađujemo PNG i stavljamo ga u dizajn s CSS pozadinom. Smanjujemo ga s veličinom pozadine (premda sam se još jednom zbunio koristeći postotke - imajte na umu da kada koristite postotak to je postotak partentnog elementa, a ne postotak veličine same slike).
Dobijamo sve boje i veličinu te pozicioniranje. Sada je posljednji korak rad u responzivnom dizajnu.