Abbiamo un modello di come vogliamo che siano le nostre zone BuySellAds, quindi iniziamo a costruirlo per davvero. Il sito Web BuySellAds fornisce il codice che dobbiamo inserire nel nostro sito affinché gli annunci vengano visualizzati. Lo copiamo e lo incolliamo.
Tentiamo di chiudere il CSS che BSA inietta nel sito per modellarli (perché lo gestiremo noi stessi) ma sfortunatamente se spegniamo se ora si disattiva anche il sito live, quindi dobbiamo combattere solo contro l'iniezione CSS per ora.
Passiamo il resto del tempo a posizionare e definire gli annunci in modo che vengano visualizzati esattamente come vogliamo. È abbastanza facile dato che abbiamo già così tante cose in atto, come i mixin per pile di caratteri e colori e quant'altro.
Ci imbattiamo in una cosa in cui ci imbattiamo più volte in questa serie, dove sarebbe carino @extenduna classe che esiste solo in un altro file, cosa che purtroppo non sei in grado di fare. In questo esempio, stiamo cercando di creare un div iniettato con BSA in stile proprio come .moduleè, che è un classico caso di estensione, ma ahimè, dobbiamo copiare e incollare alcuni stili.
Riflettiamo sul fatto che flexbox ci aiuti qui, ma decidiamo che è troppo presto per questo. Renderebbe il layout più semplice e ci darebbe altezze uguali. Vabbè, lo inseriremo nella futura lista dei desideri.