Visual Studio Code no reconoce @extend en CSS…que hay que hacer?

Otra forma de hacer que los elementos tomen las medidas que queremos es: añadir otra clase que se llame element, sin ningun numero a cada uno de los elementos. Ya que en el CSS se esta estilando esa clase.

Ejemplo con uno de los elementos:

<div class="container">
            <div class="element1 element">top left</div>
 </div>

Podrías hacer tus experimentos en https://codepen.io/ que ya tiene sass integrado.También puedes crear una clase que contenga los estilos que necesitas repetir y ponerla en los elementos que lo requieren. La otra es que tomes el Curso de Preprocesadores CSS.

pues no funciona ....algun otro curso que si funcione?

Hola!

El extend es una funcionalidad de scss, necesitas instalar herramientas que reconozcan ese preprocesador para utilizar esa funcionalidad.