Máme maketu toho, jak chceme, aby naše zóny BuySellAds vypadaly, takže pojďme na to, abychom to vytvořili skutečně. Web BuySellAds poskytuje kód, který musíme dát na náš web, aby se reklamy mohly zobrazovat. Zkopírujeme to a vložíme.
Pokoušíme se vypnout CSS, které BSA vstřikuje na stránky, abychom je upravili (protože to zvládneme sami), ale bohužel, pokud je vypneme, pokud je nyní vypnuto, ovlivní to také živé stránky, takže musíme jen bojovat proti injektovaným Prozatím CSS.
Zbytek času věnujeme umístění a úpravám reklam, abychom ukázali, jak chceme. Je to docela snadné, protože už toho máme tolik, jako jsou mixiny pro hromádky a barvy písem a co jiného.
Narazili jsme na věc, na kterou jsme v této sérii narazili několikrát, kde by bylo hezké pro @extendtřídu, která existuje pouze v jiném souboru, což bohužel nejste schopni. V tomto příkladu se snažíme vytvořit BSA injected div stylizovaný stejně jako .moduleje, což je klasický případ pro extend, bohužel musíme některé styly kopírovat a vložit.
Přemýšlíme o tom, jak nám tady Flexbox pomůže, ale rozhodneme se, že je na to příliš brzy. Ulehčilo by to rozložení a poskytlo nám to stejné výšky. No, dáme to na budoucí seznam přání.