London Fog Blog

HTML | SCSS | jQuery | Git | Illustrator

In summary | This was a project we were basically given free range on; the only requirement was that it was a one page responsive website. Because we had just learned to use media queries, not only did I want to provide a fluid experience so users could view the website comfortably on any device but I wanted to provide unique experiences. I did this by having three different looks to the header in different queries. And I wanted to further explore media queries by having things change rather than just resize on different screens. The posts turn from a masonry style to a interlocking grid when switched to mobile to save screen space, for example.

View Live external link to my school landing page
Website top with intro animated SVG View of website blog posts section

Mobile View

View of website blog posts section View of website blog posts section
View Code external link to portfolio project on github
Previous Project Next Project