Avem marcajul în loc pentru anunțul Treehouse din partea de sus a paginii, dar avem de făcut o muncă de stil. Începem cu arborele în sine.
Ne gândim că utilizarea vectorului și a ieșirii ca SVG ar putea fi interesant, deoarece va arăta clar și va avea o dimensiune mică a fișierului. Urmăriți-mă cum aruncă în Illustrator încercând să obțin o versiune curată drăguță a acestuia în tot vectorul și în cele din urmă eșuează. Deocamdată decidem să-l uităm și să-l facem doar o imagine.
Se pare că Treehouse nu mai folosește această marcă oricum, așa că va trebui să o actualizez oricum în curând și cu siguranță îmi voi lua timp să-l fac SVG, chiar dacă trebuie să-l redesenez.
Deocamdată, facem PNG și îl plasăm în design cu un fundal CSS. Îl redimensionăm cu fundal (deși m-am confundat din nou folosind procente - amintiți-vă când utilizați un procent este un procent din elementul partent, nu un procent din dimensiunea imaginii în sine).
Obținem setul de colorare, dimensionare și poziționare. Acum, ultimul pas îl face să funcționeze în designul receptiv.