Full Screen Overlay and Masonry Demo

Full screen overlay and masonry desktop screen demo

RFull screen overlay and masonry tablet screen demo

Full screen overlay and masonry phone screen demo

Back to Portfolio

Full Screen Overlay and Masonry Demo

Design
Development

The full screen overlay menu and masonry demo is a single page, responsive demo showcasing the masonry layout, created using the masonry jQuery plugin. Masonry is a grid based layout based on columns. Unlike CSS floats, which arranges objects horizontally then vertically, masonry optimizes the available space in a grid by placing elements in optimal position based on available vertical space. It works especially well with image-based content. This demo also uses a full screen overlay navigation that covers the entire screen giving you ample space for menu items.

More to see

Footer

About

Hi, I am Wenmin, a freelance web designer and developer based in Greater Boston who specializes in WordPress sites. Whether it’s an information site, a blog, or an eCommerce website, I can craft a one-of-kind website that appeals to your target audience. If you are interested in my website services, please check out my portfolio and contact me for a custom quote.