Ever since I started working on my experimental website both for fun and for my senior design project, I tried to adapt the website so as to render neatly given different screen sizes. Today I found a nice solution. Its call media queries, and its common use is for responsive layout designs. The idea is that the browser will check your window size and adjust it based on a snippet of code you designed for that particular window size. More importantly you don't have to redesign a complete website for a mobile screen or different window size. You can simply select parts in your code that you want to render differently. The great part is that it took less than an hour to learn how to adapt its use to my website.
With that in mind, its better to show you versus explain it to you. Visit my site here, and zoom into the page using the keyboard combo press and hold ctrl and tap '+' a few times for the site to zoom in or if your on a mac press and hold the command key and tap '+'. Watch how the page centers everything nicely and neatly. It looks simple and subtle and it really is simple and subtle but before I learned about media queries, trying to lay out the website correctly with different window sizes was painful.
There's definitely more improvements to be made, but for now I'm satisfied with its current state.
That's it for now!
