Antes de continuar y como recapitulación de todo lo anterior, te invito a crear una página web que se asemeje lo más posible a la de la siguiente imagen, con las siguientes especificaciones:
Crea una nueva carpeta en Visual Studio Code llamada ejercicio-1 con las siguientes características:
Debe incluir 3 archivos de tipo html llamados index.html, index_sass.html e index_scss.html.
Debe incluir tres carpetas llamadas css, sass y scss.
Dentro de la carpeta css crearemos el archivo style.css.
Dentro de la carpeta scss crearemos el archivo style_scss.scss.
Dentro de la carpeta sass crearemos el archivo style_sass.sass.
Añade los estilos que consideres necesarios a cada archivo correspondiente.
Cuando guardemos datos en cualquiera de los 2 archivos pre-procesados, comprobarás que se habrán creado archivos asociados en la carpeta correspondiente.
Referencia a cada html su hoja de estilos css correspondiente.
Comprueba el resultado de cada html en el navegador.
Solución
La solución al ejercicio la puedes encontrar en el siguiente enlace:
ejercicio-1
El aspecto visual debería ser similar al siguiente (en el caso de CSS puro, en el resto solo cambiará el título)
