Mes turime maketą, kaip norime, kad mūsų „BuySellAds“ zonos atrodytų, todėl pradėkime jį kurti iš tikrųjų. „BuySellAds“ svetainėje pateikiamas kodas, kurį turime įdėti į savo svetainę, kad būtų rodomi skelbimai. Nukopijuojame ir įklijuojame.
Mes stengiamės išjungti CSS, kurią BSA suleidžia į svetainę, norėdamas juos stilizuoti (nes mes tai susitvarkysime patys), bet, deja, jei mes uždarysime, jei dabar išjungsime, tai taip pat turės įtakos tiesioginei svetainei, todėl turime tiesiog kovoti su švirkščiamais CSS kol kas.
Likusį laiką praleidžiame pozicionuodami ir formuodami skelbimus, kad jie būtų rodomi kaip norime. Tai gana lengva, nes mes jau turime tiek daug vietos, kaip šriftų štampų ir spalvų deriniai.
Šioje serijoje susidūrėme su daiktu, į kurį patekome kelis kartus, kur būtų @extendgerai klasei, kuri egzistuoja tik kitame faile, deja, jūs to negalite padaryti. Šiame pavyzdyje mes bandome padaryti, kad BSA būtų švirkščiamas div stiliaus, kaip .moduleyra, kuris yra klasikinis išplėtimo atvejis, tačiau, deja, mes turime nukopijuoti ir įklijuoti kai kuriuos stilius.
Svarstome, kaip „flexbox“ čia mums padeda, tačiau nusprendžiame, kad tam dar per anksti. Tai palengvintų išdėstymą, taip pat suteiktų mums vienodą aukštį. Na gerai, mes įtrauksime jį į būsimą norų sąrašą.