Question: Started using visual studio code for SASS. Created the simple HTML as below.

```
<!DOCTYPE html>
   <html>
       <head>
        <title>SCSS Test</title>
        <link rel="stylesheet" href="./styles/main.scss">
       </head>
       <body>
           <header>
               <h1> Hello SCSS </h1>
               <button>Hello</button>
           </header>
           <div>
             <button>Submit</button>
             <div>
               <h1> Our Contact Info </h1>
               <p class="">This is our info</p>
             </div>
           </div>
        </body>
    </html>

```

Added a folder named "styles" where I have created "main.scss" file as below and used "Live Sass Compiler" extension to generate the CSS file and map file. 

SCSS File:
----------

```
$primaryHeaderBack : lightblue;

header {
    background: $primaryHeaderBack;
}

```

Expected Output:
----------------

Header Background color is not showing light blue but white. In order to see the desired output what should I do? Please help me.

Answer: 
@Moibabrata ,@coops asked you to link your CSS file to your HTML because, Once the live SASS compiler starts the SASS files gets converted to CSS files, As HTML file cannot understand **.sass**, You have to use **.css**, But don't worry, Your **.css** file will have everything you type inside your .sass file.

You don't have to ever modify your .css file, Whatever you do in the **.sass** file will get Updated Automatically in the **.css** file.

So Instead of this : `<link rel="stylesheet" href="./styles/main.scss">`

**Use** : `<link rel="stylesheet" href="./styles/main.css">`

Hope you understood.
Your main mistake is you **" linked .scss file"**
the browser can't read .scss file it always read .css file.
so you must link .css file in your HTML file.

then start watching on your .scss file for compiling.
[enter image description here](https://i.stack.imgur.com/Jbm98.jpg)

completing these step you will check your browser.
I hope you will get the expected result.
Thank you.