Máme maketu toho, ako chceme, aby naše zóny BuySellAds vyzerali, takže poďme ďalej na jej budovanie. Webová stránka BuySellAds poskytuje kód, ktorý musíme vložiť na našu stránku, aby sa reklamy mohli zobrazovať. To skopírujeme a prilepíme.
Pokúšame sa vypnúť CSS, ktoré BSA vstrekuje na web, aby sme ich upravili (pretože to zvládneme sami), ale bohužiaľ, ak vypneme, ak je teraz vypnuté, ovplyvní to aj živé stránky, takže musíme iba bojovať proti Zatiaľ CSS.
Zvyšok času venujeme umiestňovaniu a tvarovaniu reklám, aby sme videli, ako chceme. Je to celkom jednoduché, pretože už toho máme veľa, ako napríklad mixíny pre súbory a farby písma a čo už.
Narazili sme na vec, na ktorú sme narazili viackrát v tejto sérii, kde by bolo pekné, keby sa jednalo @extendo triedu, ktorá existuje iba v inom súbore, čo bohužiaľ nie ste schopní. V tomto príklade sa snažíme vytvoriť BSA vstrekovaný div štylizovaný tak, ako .moduleje, čo je klasický prípad rozšírenia, ale bohužiaľ, niektoré štýly musíme skopírovať a vložiť.
Zamýšľame sa nad tým, ako nám tu môže pomôcť flexbox, ale rozhodli sme sa, že je na to ešte skoro. Uľahčilo by to rozloženie a poskytlo by nám to rovnaké výšky. No, zaradíme to na budúci zoznam želaní.