One thing that I didn't do corrctly was setting up the CSS Grid layout for my planning page. I struggled with trying to get all of the images aligned next to the corresponding text. My images kept spanning across two page widths, and it took a few tries to get images to stop overlapping eachother. To solve these issues, I eventually set up a two column, nine row grid to organize my content.
I also had some trouble, initally, when I was setting up my navigation bar. I had to look up a few tutorials on how CSS Grid functions in order to get the Navigation bar that I wanted. I had to kind of change my thought process when doing this because I am so used to using floats to align content, so it was just a bit of a learning curve. Using classes in HTML to organize navigation elements and then Grid columns and rows to format was the ultimate solution.
When looking at the layout of my site once most of the coding was finished, I realized that my text was much too close together to be read easily. So to fix this, I increased the line height to two. This spaced out content and made it a little easier to navigate. I also realized that the page headers were a little too close to the navigation bar, so I increased the padding on the top.