Mums ir makets par to, kā mēs vēlamies izskatīties mūsu BuySellAds zonās, tāpēc sāksim to veidot pa īstam. Vietne BuySellAds nodrošina kodu, kas mums jāievieto mūsu vietnē, lai reklāmas tiktu parādītas. Mēs to kopējam un ielīmējam.
Mēs cenšamies izslēgt CSS, kuru BSA injicē vietnē, lai tos veidotu (jo mēs to rīkosimies paši), bet diemžēl, ja mēs izslēgsim, ja tagad izslēgtu, tas ietekmē arī tiešsaistes vietni, tāpēc mums vienkārši jācīnās pret injicētajiem CSS pagaidām.
Mēs pavadām atlikušo laiku, pozicionējot un veidojot reklāmas, lai tās tiktu rādītas tieši tā, kā mēs vēlamies. Tas ir diezgan viegli, jo mums jau ir tik daudz vietas, piemēram, miksu fontu kaudzēm un krāsām, un vēl kas.
Mēs saskaramies ar lietu, ar kuru saskaramies vairākas reizes šajā sērijā, kur būtu jauki @extendklasei, kas eksistē tikai citā failā, un diemžēl jūs to nevarat. Šajā piemērā mēs mēģinām padarīt BSA injicētu div stilu tāpat kā .moduleir, kas ir klasisks paplašināšanas gadījums, bet diemžēl mums ir jākopē un jāielīmē daži stili.
Mēs domājam par flexbox palīdzību, kas mums šeit palīdz, bet nolemjam, ka tam ir pārāk agri. Tas atvieglotu izkārtojumu, kā arī piešķirtu mums vienādu augstumu. Ak, labi, mēs to ievietosim turpmākajā vēlmju sarakstā.