У нас есть разметка для объявления Treehouse в верхней части страницы, но нам нужно немного поработать над стилем. Начнем с самого дерева.
Мы думаем, что использование вектора и вывод в формате SVG может быть крутым, потому что он будет выглядеть четким и иметь небольшой размер файла. Наблюдайте, как я копаюсь в Illustrator, пытаясь получить красивую чистую версию во всем векторе, и в конечном итоге терплю неудачу. А пока мы решаем забыть об этом и просто сделать это изображением.
Оказывается, Treehouse больше не использует этот брендинг, поэтому мне все равно нужно будет обновить его в ближайшее время, и я определенно найду время, чтобы сделать его SVG, даже если мне придется его перерисовывать.
А пока мы делаем PNG и вставляем его в дизайн с фоном CSS. Мы уменьшаем его размер с помощью background-size (хотя я снова запутался, используя проценты - помните, когда вы используете проценты, это процент от элемента partent, а не от размера самого изображения).
Получаем расцветку, калибровку и позиционирование всего набора. Теперь последний шаг - заставить его работать в адаптивном дизайне.