Imamo maketu kako želimo da naše zone BuySellAds izgledaju, pa krenimo u stvarnost. Web stranica BuySellAds pruža kôd koji moramo staviti na našu stranicu da bi se oglasi prikazivali. To kopiramo i zalijepimo.
Pokušavamo isključiti CSS koji BSA ubrizgava na web mjesto kako bi ih stilizirao (jer ćemo to i sami riješiti), ali nažalost, ako isključimo ako je sada isključen, to utječe i na web mjesto uživo, pa se moramo samo boriti protiv ubrizganih CSS za sada.
Ostatak vremena trošimo na pozicioniranje i oblikovanje oglasa kako bi se prikazali baš onako kako želimo. To je prilično lako, jer već imamo toliko toga na mjestu, poput kombinacija za snopove fontova i boja i slično.
Nailazimo na stvar koju smo naišli nekoliko puta u ovoj seriji, gdje bi bilo lijepo za @extendklasu koja postoji samo u drugoj datoteci, a što nažalost niste u mogućnosti. U ovom primjeru pokušavamo napraviti BSA ubrizgan div oblikovan baš kao što .modulejest, što je klasičan slučaj za proširenje, ali nažalost, moramo kopirati i zalijepiti neke stilove.
Razmišljamo o tome da nam flexbox pomaže ovdje, ali odlučujemo da je za to još prerano. Olakšao bi raspored, a dobio bi i jednake visine. Ma dobro, stavit ćemo je na buduću listu želja.