# 046: Гнучкі оголошення на бічній панелі - CSS-хитрощі

Anonim

Верхній модуль на головній бічній панелі сайту належить Treehouse, як основному спонсору CSS-Tricks. На підставі бесіди, яку я мав з Райаном Карсоном, одні з найкращих конвертуючих оголошень - це оголошення з людьми, тому ми вибираємо одну з них, яка буде використана для графіки в модулі.

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

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

Файли

  • 46-ad-treehouse-sidebar-1.jpeg.webp