In my quest to learn front end web development I’ve been bouncing around some different free courses online. The Odin Project seems to be a very good, free collection of resources to learn web development.
I got the project completely finished, but as soon as I resized my browser window, all of the elements on the page moved out of order and generally looked terrible. Dang it! I spent hours trying many different methods to get the elements to stay in place and to move together in unison when resizing the browser window, all to no avail. I eventually went to StackOverflow to ask for help and submitted my code to JS Fiddle. I got some decent answers, but eventually couldn’t get it to work perfectly.
I ended up realizing I should completely scrap my code and start over. Let me rephrase that: I did a very good job using comments in my HTML to explain the different sections of code, which made it easier for me to find which code referenced the specific sections that weren’t working correctly. I didn’t truly throw out my old code: I simply made a new file and only copied over the parts that weren’t working. By isolating the problem code in a new file, I could play around with it and try different methods to get it to work. Once I got it working I was able to copy over the working sections to the new file.
In addition to learning CSS and learning how to build a CSS file from scratch and one that’s connected to an HTML file, I learned some more GitHub basics. I had learned some a few months ago, but I forgot a lot of what I had learned. After finally getting my project to work, I uploaded to my personal GitHub, then pushed the code public via GitHub Pages. Check out my Google homepage project here or click the image at the top of this blog post!