# 041: Opbygning af den øverste træhusannonce, del 2 - CSS-tricks

Anonim

Vi har markeringen på plads til Treehouse-annoncen øverst på siden, men vi har noget stylingarbejde at gøre. Vi starter med selve trægrafikken.

Vi tænker på at bruge vektor og output som SVG kan være sejt, fordi det ser skarpt ud og har en lille filstørrelse. Se mig slå rundt i Illustrator og forsøge at få en dejlig ren version af det i al vektor og i sidste ende mislykkes. For nu beslutter vi at glemme det og bare gøre det til et billede.

Det viser sig, at Treehouse ikke bruger den branding alligevel, så jeg bliver nødt til at opdatere det alligevel snart, og jeg vil helt sikkert tage mig tid til at gøre det til SVG, selvom jeg er nødt til at tegne det igen.

For nu opretter vi PNG og slipper det i designet med en CSS-baggrund. Vi størrelse det helt ned med baggrundsstørrelse (selvom jeg forvirrede mig endnu en gang ved at bruge procenter - husk, når du bruger en procentdel, er det en procentdel af elementet, ikke en procentdel af selve billedets størrelse).

Vi får farven og størrelsen og placeringen klar. Nu er det sidste trin at få det til at fungere i det responsive design.