Poll: When will you start using CSS Grid Layout?

Ben Moss.
January 06, 2017
Poll: When will you start using CSS Grid Layout?.
January is the time most of us cease reflecting on the year gone by, and start looking to the months ahead. It seems everyone has different ideas on what to expect in 2017 (you’ll read ours next week) and one of the most anticipated changes this year, is the introduction of CSS Grid Layout. Grid Layout allows us to define areas of a page, and determine how they stretch, scale, and respond to the viewport. Developed as a mature layout solution for the web, it delivers an unprecedented level of control in CSS, but if you thought Flexbox was a steep learning curve, you’ve seen nothing yet. One of the reasons no one uses CSS Grid Layout right now is that it offers very limited support; currently, only IE10+ and Edge 12+ [doffs cap in Microsoft’s direction] offer any support at all. However that’s all about to change with full support across all major browsers expected to arrive around March. [pullquote]layout is not really a progressive enhancement[/pullquote] Unfortunately, layout is not really a progressive enhancement. Layout determines many things, not least visual hierarchy, which can be instrumental in conveying meaning. And so, as exciting as Grid Layout is, the new design freedoms that it delivers seem hamstrung for now. The question is, when will CSS Grid Layout be reliable enough to be your default approach to layout online? Probably the most pragmatic answer is: it depends on your target demographic. If you’re building a site for an online CSS conference sponsored by a browser manufacturer, you’re probably good to go; for every other purpose, the point at which CSS Grid Layout is commercially useful, may be a little hazier. CSS Grid Layout is certainly coming soon, to a browser near you. It opens up new possibilities for layout. However, whether it’s usable outside of CodePen anytime soon, is another matter entirely.

Ben Moss

Ben Moss has designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. When he’s not in front of a screen he’s probably out trail-running.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…