Skip to content

Issue 212

Subgrid, accessibility, print stylesheets and DevTools, Houdini

Rachel Andrew
2 min read


Issue 212

The CSS news seemed a little quiet this week, perhaps due to the end of the summer vacations for many people. As Editor in Chief of Smashing Magazine I know this can be a tough time of year to get articles completed!

With a shorter newsletter this week I've added an in-depth section, this time on the upcoming subgrid feature of CSS Grid Level 2, which can be tested in Firefox Nightly. If you've not yet looked at subgrid, take a look at those resources.

Thanks to Every Layout for their sponsorship this week! Check out their item at the end of the newsletter to find out more.

Rachel Andrew, CSS Layout News


Useful Pens for Everyday Front End Development - a Collection by Sarah Drasner on CodePen

Sarah Drasner has a collection of useful pens over on CodePen, things that may come in handy at work.

Can you view print stylesheets applied directly in the browser? | CSS-Tricks

Some of the ways that browsers allow you to view your print stylesheets. The functionality in Firefox is new in Firefox 68.

For more on printing, last year I wrote about the current state of printing on the web.

Truths about digital accessibility | Eric Bailey

A well written post explaining accessibility by focussing on the people that we help or hinder by our choices when designing and building sites.

In depth

CSS Grid subgrid lands in Firefox Nightly

Subgrid is still only available in Firefox Nightly. This is the post I wrote up when the feature first shipped in NIghtly.

Digging Into The Display Property: Grids All The Way Down — Smashing Magazine

Continuing a series on the display property in CSS, this time I take a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior.

Grid by Example - Usage examples of CSS Grid Layout

My subgrid examples on Grid By Example.

Subgrid - CSS: Cascading Style Sheets | MDN

The documentation for subgrid on MDN.

Hello subgrid!

Video and slides from my talk at, all about subgrid.


Home | extra.css

This is great fun, and a lovely way to explore what Houdini can do.

Our Sponsor

Every Layout - Relearn CSS layout

Every Layout - Relearn CSS layout

If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.

Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS. Use the LAYOUT_SQUARED coupon code when you checkout, for a 30% discount.