Using plain CSS - syntax error?

[Magnusvb]

I want to use plain old CSS instead of Tailwind (sorry Chris). So, linking to the stylesheet in the header:
<script src="assets/css/styles.css"></script>

Seems good (no 404) - but as soon as I add a rule like:

h1 {
  font-size: 3rem;
}

I get this error:

[Error] SyntaxError: Unexpected token '{'
	(anonymous function) (styles.css:1)

Does it not work to use plain CSS?

[jackmcdade]

No problem, you certainly can do that! But you need to use a <link> tag instead of <script> tag for CSS 😊

<link rel="stylesheet" href="/css/styles.css" />

Also, I would recommend not keeping it in the assets directory.

[Magnusvb]

Thanks! (been a long day...)