Vi har en mockup av hvordan vi vil at BuySellAds-sonene skal se ut, så la oss fortsette å bygge det på ekte. Nettstedet BuySellAds inneholder koden vi trenger for å legge på nettstedet vårt for at annonsene skal vises. Vi kopierer og limer det over.
Vi prøver å stenge av CSS som BSA injiserer på nettstedet for å style dem (fordi vi vil håndtere det selv), men dessverre hvis vi stenger hvis det er av nå, påvirker det også live-siden, så vi må bare kjempe mot den injiserte CSS for nå.
Vi bruker resten av tiden på å plassere og utforme annonsene for å vise akkurat hvordan vi vil. Det er ganske lett å gå siden vi allerede har så mye på plass, som mixins for skriftstabler og farger og hva ikke.
Vi støter på en ting som vi støter på flere ganger i denne serien, der det vil være hyggelig å @extenden klasse som bare finnes i en annen fil, som du dessverre ikke er i stand til. I dette eksemplet prøver vi å lage en BSA-injisert div stylet akkurat som den .moduleer, noe som er et klassisk tilfelle for utvidelse, men akk, vi må kopiere og lime inn noen stiler.
Vi grubler på at flexbox hjelper oss her, men bestemmer at det bare er for tidlig for det. Det ville gjøre oppsettet lettere og gi oss like høyder. Vel, vi legger den på den fremtidige ønskelisten.