Tenemos una maqueta de cómo queremos que se vean nuestras zonas BuySellAds, así que empecemos a construirlo de verdad. El sitio web BuySellAds proporciona el código que necesitamos poner en nuestro sitio para que aparezcan los anuncios. Copiamos y pegamos eso.
Intentamos apagar el CSS que BSA inyecta en el sitio para diseñarlos (porque lo manejaremos nosotros mismos) pero, desafortunadamente, si lo apagamos ahora, también afectará al sitio en vivo, por lo que solo tenemos que luchar contra lo inyectado. CSS por ahora.
Pasamos el resto del tiempo posicionando y diseñando los anuncios para que se vean como queremos. Es bastante fácil ya que ya tenemos muchas cosas en su lugar, como mixins para pilas de fuentes y colores y todo eso.
Nos encontramos con algo con el que nos encontramos varias veces en esta serie, donde sería bueno para @extenduna clase que solo existe en otro archivo, lo que desafortunadamente no puede. En este ejemplo, estamos tratando de hacer un div inyectado con BSA con el estilo .modulees, que es un caso clásico para extender, pero por desgracia, tenemos que copiar y pegar algunos estilos.
Reflexionamos sobre la ayuda de flexbox aquí, pero decidimos que es demasiado pronto para eso. Facilitaría el diseño y nos daría alturas iguales. Bueno, lo pondremos en la futura lista de deseos.