# 046: Fleksible sidefeltannonser - CSS-triks

Anonim

Toppmodulen i hovedsidefeltet til nettstedet tilhører Treehouse, som hovedsponsor for CSS-Tricks. Basert på en samtale jeg hadde med Ryan Carson, er noen av de beste konverteringsannonsene de har med folk i seg, så vi velger en av dem som skal brukes til grafikken i modulen.

Når vi stikker bildet inn, henger det utenfor modulen og har alt for mye avstand rundt det. Med vår nye SCSS-fil bare for moduler, skriver vi inn noen nye regler for hvordan bildeannonsemoduler oppfører seg (ingen polstring, bilder i full bredde).

Når vi er ferdige med det, begynner vi å gå på en tangens og lage andre justeringer spesielt for det smaleste mediespørringspunktet.

Filer

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