Enhance!

Basic, but ok!

Use Grid today!

Progressive Enhancement Demo

Leverage the power of CSS Grid Layout!
Read this article for details on how to use CSS Grid Layout today.

Four levels of enhancement

No Positioning

Floated Layout

Flexbox Enhancements

CSS Grid Layout

Browser Support

Works even in very old browsers

Check this page in IE 8, Opera Mini Extreme Mode or UC Browser. Thanks to progressive enhacement it just works.

How does it work?

I've written a post where I've highlighted and commented the important lines.

Latest articles

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel molestiae ut voluptates eveniet id voluptatem sit blanditiis deserunt tempora reiciendis a minima distinctio voluptas explicabo.

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel molestiae ut voluptates eveniet id voluptatem sit blanditiis deserunt tempora reiciendis a minima distinctio voluptas explicabo, officia, voluptatibus? Doloribus, iusto, reprehenderit.

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vel molestiae ut voluptates eveniet id voluptatem.

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit.