All posts in " layout "

Getting Started with CSS Grid

By seorocket / a few months ago

This was a blockbuster week for front-end developers as CSS Grid landed in the latest versions of Firefox and Chrome without a feature flag. That’s right: we can now go and play with Grid in two of the most popular browsers right away. But why is CSS Grid a big deal and why should we […]


The Media Object, A Bunch of Ways

By seorocket / 6 months ago

The Media Object pattern is: image thingy on the left, heading and text on the right. That’s what Nicole Sullivan called it and the name stuck. It’s a pretty simple pattern, but like all things web design, it can be done many ways. Bootstrap’s version, which uses table layout in v3 and flexbox in v4. […]


Learning from Lego: A Step Forward in Modular Web Design

By seorocket / 7 months ago

Samantha Zhang: When web components are modular like Lego bricks down to the elements level, they become more versatile and easier to maintain. We believe it’s the next step to take in modular web design. It’s a clever system: put a half-gutter around all elements and a half-gutter around the containers. That way no matter […]


Things I’ve Learned About CSS Grid Layout

By seorocket / 9 months ago

The following is a guest post by Oliver Williams. Oliver has been working with CSS grid layout and has learned quite a bit along the way. In this article he’s going to hop around to different concepts that he’s learned on that journey. I like this idea of learning little bite-sized chunks about grid layout, […]

Page 1 of 2