CSS / file names help needed....

[JohnYingling]

Hi all,

So I've been tinkering with the CSS homework the last day, but once again I am super confused.

I see we are supposed to make another INDEX / README + STYLE, but is the INDEX just to link to our CSS style page?

In other words : Are we making a new INDEX.HTML, and then linking to a "style.css"?

Where are the majority of our changes goin?

My changes are also not showing up in the markdown preview if "style.css" ... I can type and code as much as I want, but nothing appears.

Really have no idea what I'm supposed to be doing here.

Thanks!

[CMHauge]

So, your index.html is basically your homepage, or an intro to your project.

The homework section of Topic 8 on the website has pretty much an entire list of what you need to have for the project. It's a lot, yes, I'd recommend writing it in a list by hand on paper. That helped me keep track of everything. Having a physical checklist is super helpful.

Your style.css wouldn't work with the markdown preview because it's not markdown. Think of it as extended html. If you want to preview your page, I'd recommend going into your folder where your project files are, and double clicking on whatever page you want to preview. So, your index, for example. Double click it in your folder and it'll bring it up in your browser. Then you can adjust your style.css, save, and refresh the browser page where your index is open, and it'll show the adjustments.

So in the section of your index is where you'd link your style.css like:

<link rel="stylesheet" type="text/css" href="./css/style.css">

...I really hope that wasn't as confusing as it sounded in my head.

And if it helps, your folder structure should look like this by the end:

[JohnYingling]

Thanks @CMHauge ! I'll keep cracking at it.