Can't link an external CSS file to HTML file

My folder hierarchy looks like this:
html
-index.html
images
-im.jpeg
scripts
styles
-test-site-styles.css

I am unable to put the image file or link the css file in the html file.

The code I have to link the css file is:
<link href="../styles/test-site-styles.css" rel="stylesheet" type="text/css">

Similar with the image.

Where am I going wrong?

First it seems correct.
But if we look at <link>: The External Resource Link element - HTML: HyperText Markup Language | MDN
we can see differences
I hope it can help
Cdy