# 046: Rugalmas oldalsáv-hirdetések - CSS-trükkök

Anonim

A webhely fő oldalsávjának legfelső modulja a Treehouse-hoz tartozik, mint a CSS-Tricks fő szponzorához. A Ryan Carsonnal folytatott beszélgetés alapján a legjobban konvertáló hirdetések egyike az, amelyen vannak emberek, ezért kiválasztunk egyet azok közül, amelyeket a modul grafikájához használunk.

Amikor beragasztjuk a képet, az a modulon kívül lóg, és túl sok a távolság. Az új, csak modulokra szánt SCSS fájlunkkal néhány új szabályt írunk a képes hirdetési modulok viselkedésére (nincs kitöltés, teljes szélességű képek).

Miután ezzel befejeztük, érintőként kezdünk más változtatásokat végrehajtani, kifejezetten a legszűkebb média lekérdezési töréspont számára.

Fájlok

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