У нас є макет того, як ми хочемо, щоб виглядали наші зони BuySellAds, тому давайте продовжувати будувати їх по-справжньому. Веб-сайт BuySellAds надає код, який нам потрібно розмістити на нашому сайті для показу оголошень. Ми копіюємо та вставляємо це.
Ми намагаємось вимкнути CSS, який BSA вводить на сайт, щоб стилізувати їх (тому що ми з цим впораємось самі), але, на жаль, якщо ми вимкнемо, якщо вимкнути зараз, це також вплине на діючий сайт, тому нам доведеться просто боротися проти введеного Поки що CSS.
Решту часу ми витрачаємо на позиціонування та стилізацію оголошень, щоб відображатись саме так, як ми хочемо. Це досить легко, оскільки у нас вже так багато на місці, як міксини для стеків шрифтів і кольорів і багато іншого.
Ми стикаємося з річчю, з якою ми стикалися кілька разів у цій серії, де було б непогано для @extendкласу, який існує лише в іншому файлі, що, на жаль, ви не можете. У цьому прикладі ми намагаємось зробити інжектований BSA введений div таким, як .moduleє, що є класичним випадком для розширення, але, на жаль, нам потрібно скопіювати та вставити деякі стилі.
Ми розмірковуємо над тим, щоб flexbox допомагав нам тут, але вирішимо, що для цього ще зарано. Це полегшить макет, а також дасть нам рівні висоти. Ну, добре, ми внесемо це до майбутнього списку бажань.