# 042: Адаптивна оцінка найкращої реклами будиночка - CSS-хитрощі

Anonim

Оголошення, яке ми розмістили, чудово підходить для великих екранів / розмірів робочого столу, але воно досить швидко починає давати збій на менших екранах.

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

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

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