Vi har en mockup av hur vi vill att våra BuySellAds-zoner ska se ut, så låt oss fortsätta bygga det på riktigt. BuySellAds-webbplatsen innehåller den kod vi behöver för att lägga på vår webbplats för att annonserna ska visas. Vi kopierar och klistrar över det.
Vi försöker stänga av CSS som BSA injicerar på webbplatsen för att utforma dem (för att vi kommer att hantera det själva) men tyvärr om vi stänger av om det nu påverkar det också live-webbplatsen, så vi måste bara kämpa mot den injicerade CSS för tillfället.
Vi tillbringar resten av tiden med att placera och utforma annonserna för att visa hur vi vill. Det är ganska lätt att gå eftersom vi redan har så mycket på plats, som mixins för typsnitt och färger och vad som helst.
Vi stöter på en sak som vi stöter på ett antal gånger i den här serien, där det skulle vara trevligt för @extenden klass som bara finns i en annan fil, som du tyvärr inte kan. I det här exemplet försöker vi göra en BSA-injicerad div utformad precis som den .moduleär, vilket är ett klassiskt fall för att förlänga, men tyvärr måste vi kopiera och klistra in några stilar.
Vi funderar över att flexbox hjälper oss här, men bestämmer att det är för tidigt för det. Det skulle göra layouten enklare och ge oss lika höga höjder. Nåväl, vi lägger den på den framtida önskelistan.