# 046: flexibele zijbalkadvertenties - CSS-trucs

Anonim

De bovenste module in de hoofdzijbalk van de site is van Treehouse, als hoofdsponsor van CSS-Tricks. Gebaseerd op een gesprek dat ik had met Ryan Carson, zijn enkele van de best converterende advertenties die ze hebben de advertenties met mensen erin, dus we kiezen er een uit om te gebruiken voor de afbeelding in de module.

Wanneer we de afbeelding erin steken, hangt deze buiten de module en heeft er veel te veel ruimte omheen. Met ons nieuwe SCSS-bestand, alleen voor modules, schrijven we enkele nieuwe regels in voor hoe beeldadvertentiemodules zich gedragen (geen opvulling, afbeeldingen op volledige breedte).

Zodra we daarmee klaar zijn, beginnen we op een raaklijn te gaan en andere tweaks te maken, specifiek voor het smalste breekpunt van mediaquery's.

Bestanden

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