Vi har markeringen på plass for Treehouse-annonsen øverst på siden, men vi har litt stylingarbeid å gjøre. Vi starter med selve tregrafikken.
Vi tenker at bruk av vektor og utdata som SVG kan være kult fordi det ser skarpt ut og har liten filstørrelse. Se hvordan jeg slår rundt i Illustrator og prøver å få en fin, ren versjon av den i alle vektorer og til slutt mislykkes. For nå bestemmer vi oss for å glemme det og bare gjøre det til et bilde.
Det viser seg at Treehouse ikke bruker den merkevaren lenger uansett, så jeg må oppdatere den uansett snart, og jeg vil definitivt ta meg tid til å gjøre den til SVG, selv om jeg må tegne den på nytt.
For nå lager vi PNG og slipper det inn i designet med CSS-bakgrunn. Vi størrelser det helt ned med bakgrunnsstørrelse (selv om jeg forvirret meg selv igjen ved å bruke prosenter - husk at når du bruker en prosentandel er det en prosentandel av delelementet, ikke en prosentandel av størrelsen på selve bildet).
Vi får fargelegging og størrelse og posisjonering klar. Nå er det siste trinnet å få det til å fungere i den responsive designen.