Skip to main content

Grid Systems

We’ve written 3 blog posts about Grid Systems. View all topics »

  1. Cog 284 DP

    The best laid schemes for house and screens

    Headshot of Amanda Buck

    4/28/16

    by Amanda Buck

    “If you can design one thing, you can design everything” –Massimo Vignelli

    My husband and I are in the midst of buying our first house together. It’s a bit of a fixer-upper but nothing too major. Our first priorities are to refinish the floors, repaint, redo the kitchen, and update the bathroom vanity. The house is nothing like the Modernist glass box I once dreamed of, but it definitely has character.

  2. Hcw wagner

    A Simple Grid Mixin Explained

    Headshot of Allison Wagner

    11/7/13

    by Allison Wagner

    Successful design systems stand on the shoulders of sound grids. Grids form the groundwork for a uniform yet flexible suite of templates. Their layouts hold containers that fit together like pieces of a puzzle. Last week, Happy Cog, in partnership with Mijingo, released the 7th video in The Happy Cog Way series: “The Basics of Grids.” In it, MJ discusses using a nice little web app called Modular Grid Pattern, a grid generator that can export into a variety of design programs.

  3. Hc blog Main Article Illustration SC

    Beyond Binary Grids

    Headshot of Stephen Caver

    12/13/12

    by Stephen Caver

    Grids are everywhere on the web, and there is no hiding from them. We need grid systems to help create grids that are usable and manageable, and with Responsive Web Design, this has been a tricky tightrope to walk. We need our layouts to react to different media query breakpoints, and the way we have built grids in the past needs to be extended to do that.