# 046: Iklan Sidebar Fleksibel - Trik CSS

Anonim

Modul teratas di sidebar utama situs adalah milik Treehouse, sebagai sponsor utama CSS-Tricks. Berdasarkan percakapan saya dengan Ryan Carson, beberapa iklan dengan konversi terbaik yang mereka miliki adalah iklan dengan orang-orang di dalamnya, jadi kami memilih salah satu yang akan digunakan untuk gambar dalam modul.

Saat kami menempelkan gambar, gambar itu menggantung di luar modul dan memiliki terlalu banyak jarak di sekitarnya. Dengan file SCSS baru kami hanya untuk modul, kami menulis beberapa aturan baru tentang perilaku modul iklan gambar (tanpa padding, gambar lebar penuh).

Setelah kita menyelesaikannya, kita mulai membuat perubahan lain secara khusus untuk breakpoint kueri media tersempit.

File

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