Имаме маркиране за рекламата на Treehouse в горната част на страницата, но имаме да свършим малко работа по стилизиране. Започваме със самата графика на дървото.
Мислим си, че използването на вектор и извеждането като SVG може да е страхотно, защото ще изглежда рязко и с малък размер на файла. Гледайте как се размахвам в Illustrator, опитвайки се да получа хубава чиста версия на него във всички вектори и в крайна сметка да се проваля. Засега решаваме да го забравим и просто да го направим образ.
Оказва се, че Treehouse така или иначе вече не използва тази марка, така че скоро ще трябва да я актуализирам и определено ще отделя време да го направя SVG, дори ако трябва да го нарисувам отново.
Засега правим PNG и го пускаме в дизайна с CSS фон. Оразмеряваме го по-надолу с размера на фона (въпреки че отново се обърках, като използвах проценти - не забравяйте, че когато използвате процент, това е процент от елемента на патент, а не процент от размера на самото изображение).
Получаваме оцветяването и оразмеряването и позиционирането. Сега последната стъпка е да го накараме да работи в адаптивния дизайн.