File Setup

When labeling Files, to make it easier for yourself, put 100, 200, 300 etc. at the front of it. This lets you put things in custom order numerically.
And if you need to put something inbetween two numbers, you can go 150.

Working Top Down

I'm tellin you now. If you want a bunch of stuff on your site. YOU GOTTA make it easy to edit. You should be able to change one line of code and have it effect everything.
You can then narrow down specific changes as you go down.

Putting the SideNav (and other elements) into a seperate file and importing it to multiple pages

For adding CSS to your new imported element, dont forget to format around the "special-header">/special-header> in the way your CSS is set up, just as if it were normal

Making CSS rules for groups of pages

In your style.css, you know how you got that html line at the top of your CSS? make a subsection HTML line. Like html.about then add on whatever changes you want for that
Then go to the page you want to define as that subsection. At the tippy top where you got that html>? make it say html class="about" or whatever. Boom.

Specify individuals vs groups

When making individual images change. Put them in a div but dont edit the div itself, specify you want to edit the images in that div.
I'm sayin in CSS don't do .editthis { im saying .editthis img {

Building Elements

How I Link Images Cause I always Forget

<a href="LINK" target="_blank"><img src="THEIMAGE" alt="THELINKAGAINORDESCRIPTION" height="500"></a>

Building a basic SideNav

Found through W3Schools Here: https://www.w3schools.com/howto/howto_js_sidenav.asp

The exact code I got and edited was this: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidenav