Vi har markeringen på plats för Treehouse-annonsen högst upp på sidan, men vi har lite stylingarbete att göra. Vi börjar med själva trädgrafiken.
Vi tänker att använda vektor och utmatning som SVG kan vara coolt eftersom det ser skarpt ut och har liten filstorlek. Titta på hur jag slingrar i Illustrator och försöker få en fin ren version av den i alla vektorer och slutligen misslyckas. För närvarande bestämmer vi oss för att glömma det och bara göra det till en bild.
Det visar sig att Treehouse inte använder det varumärket längre ändå, så jag måste uppdatera det ändå snart, och jag tar definitivt tid att göra det till SVG, även om jag måste rita om det.
För närvarande skapar vi PNG och släpper det i designen med CSS-bakgrund. Vi storleksanpassar den med bakgrundsstorlek (även om jag förvirrade mig igen genom att använda procent - kom ihåg att när du använder en procentsats är det en procentandel av delelementet inte en procentandel av själva bilden).
Vi får färgningen och dimensioneringen och placeringen klar. Nu är det sista steget att få det att fungera i den responsiva designen.