As I continue my journey through the world of CSS, I have learned an important lesson between a class and a div. I have been using the Additional CSS field within my theme as I find it to be the safest option to experiment and not break my page. While searching for a way to fix my main navigation menu to the page when scrolling I learned that if the content is a class then you must place a period (.) before it and if the content is a div you must place a hashtag (#) before it. Here I was just throwing those around with no rhyme or reason.
Additionally, I was taught that a class is typically used for things that might repeat on a site where a div is used for bigger individual items. For instance, the main navigation and header use div because there often are not multiple of those. However, when I adjusted my blog post images a few weeks ago those were defined as a class because the possibility of there being more than one is strong.
In order to stick the landing, I had to fix the main navigation to the top of the page and move the header down a few pixels. Here is what I added in the additional CSS field: