Meil on makett sellest, kuidas me tahame, et meie BuySellAds tsoonid välja näeksid, nii et jätkame selle ehitamist reaalselt. Veebisait BuySellAds pakub koodi, mille peame oma saidile panema, et reklaamid ilmuksid. Kopeerime ja kleepime selle üle.
Püüame sulgeda CSS-i, mille BSA süstib saidile nende kujundamiseks (sest me saame sellega ise hakkama), kuid kahjuks, kui sulgeme, kui see nüüd välja lülitub, mõjutab see ka reaalajas asuvat saiti, nii et peame lihtsalt võitlema süstitud vastu CSS praegu.
Ülejäänud aja veedame reklaamide positsioneerimisel ja kujundamisel, et need ilmuksid just nii, nagu me tahame. See on üsna lihtne, sest meil on juba nii palju paigas, näiteks fontide ja värvide segud ja muu.
Me satume sellesse seeriasse mitu korda kokku puutunud asjaga, kus oleks tore @extendklassile, mis eksisteerib ainult teises failis, kuid kahjuks te ei saa seda teha. Selles näites proovime teha BSA-ga süstitud div stiilis just nii nagu see .moduleon, mis on laiendamiseks klassikaline juhtum, kuid paraku peame mõned stiilid kopeerima ja kleepima.
Mõtiskleme selle üle, kuidas flexbox meid siin aitab, kuid otsustame, et selleks on liiga vara. See muudaks paigutuse lihtsamaks ja annaks meile võrdse kõrguse. Ahjaa, paneme selle tulevasse sooviloendisse.