In today’s world, websites need to be viewable on all devices. I recently redesigned my own website (this one!) and gave quite a bit of thought on creating a design that worked on different devices and screen sizes. This effort is as much a design challenge as it is a technical one. For example, font size, order of section appearance, and user interaction were significant considerations. In addition, although there are many frameworks out there, I decided to create my own grid to better understand how the grid should be built with CSS.
I think the final result came out pretty nice. See the screenshot below for a test I ran on Responsinator. You can also check out the final result by resizing this browser or viewing this site on a mobile device! I realize the CSS structure isn’t perfect, but it’s a work in progress.