Il modulo in alto nella barra laterale principale del sito appartiene a Treehouse, in qualità di sponsor principale di CSS-Tricks. Sulla base di una conversazione che ho avuto con Ryan Carson, alcuni dei migliori annunci di conversione che hanno sono quelli con persone al loro interno, quindi scegliamo uno di quelli da utilizzare per l'immagine nel modulo.
Quando inseriamo l'immagine, si blocca all'esterno del modulo e ha troppa spaziatura attorno ad essa. Con il nostro nuovo file SCSS solo per i moduli, scriviamo alcune nuove regole per il comportamento dei moduli di annunci illustrati (nessun riempimento, immagini a larghezza intera).
Una volta terminato, iniziamo a procedere su una tangente apportando altre modifiche specifiche per il punto di interruzione della query multimediale più stretto.
File
- 46-ad-treehouse-sidebar-1.jpeg.webp