Question: I started coding around last month and am using Atom Text Editor. I can't seem to link my CSS code to my HTML 

here's a screenshot

[![enter image description here](https://i.stack.imgur.com/VHUup.png)](https://i.stack.imgur.com/VHUup.png)

The CSS file is in the same folder as the HTML file and I've put in the exact name in the href part. 

Here's my CSS.

[![enter image description here](https://i.stack.imgur.com/MPlxQ.png)](https://i.stack.imgur.com/MPlxQ.png)

```
<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="index.css">
</head>

```

Answer: 
This is how you troubleshoot HTML and CSS:

1. Open your index.html in a browser. E.g.: Chrome
2. Open Developer Tools. In the case of Chrome, right click and click Inspect in the menu.
3. You will be shown something like the image below.

[![Developer tools in Elements tab](https://i.stack.imgur.com/Ad9t8.png)](https://i.stack.imgur.com/Ad9t8.png)

4. In the elements tab, check in the `<head>` and check that your stylesheet is included.
5. If it is included, click on the link to see if it opens up a new page with the styles in it as raw text.

e.g.: <https://cdn.sstatic.net/Sites/stackoverflow/primary-unified.css?v=7f46f0b7e1bb>

6. If it is not, you should be playing around with above answers regarding paths.
7. As an alternative, try including the styles directly into the `<head>` like this:

```css

```

```html
    <head>
      <style type="text/css">
        body {
          background-color: blue;
        }
      </style>
    </head>
    <body>
      <h1>Test</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
    </body>
```
Close the html tag at the end & be sure to save both the files in same folder