Van egy makettünk arról, hogy miként szeretnénk kinézni a BuySellAds zónáinkat, ezért folytassuk a valós felépítést. A BuySellAds webhely megadja a kódot, amelyet be kell tennünk a webhelyünkre a hirdetések megjelenítéséhez. Ezt átmásoljuk és beillesztjük.
Megpróbáljuk kikapcsolni azt a CSS-t, amelyet a BSA az oldalra fecskendez, hogy stílussá tegye őket (mert ezt mi magunk fogjuk kezelni), de sajnos, ha bezárjuk, ha most kikapcsol, az az élő webhelyet is érinti, ezért csak küzdenünk kell az injekcióval CSS egyelőre.
A fennmaradó időt azzal töltjük, hogy pozícionáljuk és megtervezzük a hirdetéseket, hogy csak akkor jelenjenek meg, ahogy szeretnénk. Elég könnyű menni, mivel annyi minden van már a helyünkön, mint például a betűkészletek és színek keverékei és mi más.
Belefutunk egy olyan dologba @extend, amibe ebben a sorozatban többször belefutunk, ahol jó lenne egy olyan osztály, amely csak egy másik fájlban létezik, amire sajnos nem tudsz. Ebben a példában megpróbálunk egy BSA-val injektált div formátumot készíteni, ugyanolyan stílusú .module, ami klasszikus eset a kiterjesztéshez, de sajnos át kell másolnunk és beillesztenünk néhány stílust.
Elgondolkodunk azon, hogy a flexbox segít nekünk itt, de úgy döntünk, hogy még túl korai ehhez. Ez megkönnyítené az elrendezést, és egyenlő magasságot biztosítana számunkra. Nos, feltesszük a jövő kívánságlistájára.
