Das oberste Modul in der Hauptseitenleiste der Site gehört Treehouse als Hauptsponsor von CSS-Tricks. Basierend auf einem Gespräch mit Ryan Carson sind einige der besten Conversion-Anzeigen, die sie haben, diejenigen mit Personen darin. Daher wählen wir eine aus, die für die Grafik im Modul verwendet werden soll.
Wenn wir das Bild einkleben, hängt es außerhalb des Moduls und hat viel zu viel Abstand. Mit unserer neuen SCSS-Datei nur für Module schreiben wir einige neue Regeln für das Verhalten von Image-Anzeigenmodulen (kein Auffüllen, Bilder in voller Breite).
Sobald wir damit fertig sind, beginnen wir mit einer Tangente, die andere Optimierungen speziell für den engsten Haltepunkt für Medienabfragen vornimmt.
Dateien
- 46-ad-treehouse-sidebar-1.jpeg.webp