# 042: Адаптивная реклама Top Treehouse - CSS-хитрости

Anonim

Рекламное объявление, которое у нас есть, отлично подходит для экранов большого размера / рабочего стола, но оно довольно быстро начинает давать сбой на экранах меньшего размера.

У нас уже есть некоторые точки останова, которые уже используются в этом дизайне, но то, где этот дизайн начинает ломаться, не совпадает с существующими точками останова. Нет проблем, мы можем легко создать разовые точки останова только для этого.

Мы выбираем, что можно скрыть в рекламе, когда у нас меньше свободного места. Начнем с удаления древовидной графики и продолжения работы с текстом. Мы даже используем некоторые промежутки в тексте, чтобы повторно использовать слова в предложениях, которые у нас уже есть (скрыть одни слова, оставить другие). В самом маленьком размере мы возвращаем только дерево.

Этот конкретный дизайн, вероятно, будет меняться, а затем меняться снова и снова. Такова природа рекламы: делать людей, платящих за рекламу, довольными, сохраняя при этом целостность вашего дизайна.