Kami memiliki mockup tentang bagaimana kami ingin zona BuySellAds kami terlihat, jadi mari kita mulai membangunnya secara nyata. Situs web BuySellAds menyediakan kode yang kami butuhkan untuk ditempatkan di situs kami agar iklan muncul. Kami menyalin dan menempelkannya.
Kami mencoba mematikan CSS yang disuntikkan BSA ke situs untuk menatanya (karena kami akan menanganinya sendiri) tetapi sayangnya jika kami mematikannya sekarang, hal itu juga memengaruhi situs langsung, jadi kami harus melawan yang diinjeksi CSS untuk saat ini.
Kami menghabiskan sisa waktu untuk memosisikan dan menata iklan agar tampil sesuai keinginan kami. Ini cukup mudah karena kita sudah memiliki banyak hal, seperti mixin untuk tumpukan font dan warna dan yang lainnya.
Kami mengalami hal yang kami temui beberapa kali dalam seri ini, di mana akan menyenangkan untuk @extendkelas yang hanya ada di file lain, yang sayangnya Anda tidak dapat melakukannya. Dalam contoh ini, kami mencoba membuat div yang diinjeksi BSA dengan gaya .moduleis, yang merupakan kasus klasik untuk perluasan, tetapi sayangnya, kami harus menyalin dan menempelkan beberapa gaya.
Kami merenungkan tentang flexbox yang membantu kami di sini, tetapi memutuskan itu terlalu dini untuk itu. Itu akan membuat tata letak lebih mudah serta memberi kita ketinggian yang sama. Baiklah, kami akan menaruhnya di daftar keinginan masa depan.