Custom CSS Theming

Custom CSS Theming

Custom CSS Theming was probably the most challenging task for me so far. I went through Grahams tutorial and did everything step by step. Here's an example of a piece of text I altered in Codepen.

I found this quite easy at the start and I understood the h1 coding as well as everything else. However, when we moved onto saving one of our documents as a HTML file and upload it to text edit I got very confused. Whenever I saved my document and reopened the file in chrome my title disappeared meaning I couldn't find the 'h1' code to start changing certain features. I had many attempts at resaving and trying to add the title into the coding but this did not work. I ended up using the 'inspect' feature on the browser to access the coding on here and found it much simpler. I am going to keep trying to understand coding a bit better.

For my final outcome, I chose to stick with the blue colour theme from the iA writer image. I liked how the colours all complimented each other and though that this was nice on the eye. However, my improvements for next time would be to use Visual Studio Code and edit some of the text like I did on example one.