CSS Grid Level 2: Here Comes Subgrid

13 min read
No meows just yet

July 3, 2018 — CSS Grid Level 2 is already in the process of being specified, and the main feature of this level of the spec is to bring us subgrid. In this article, Rachel Andrew explains the new features.

37 more articles

Eric Bailey wrote

Don’t Use The Placeholder Attribute

June 20, 2018 — The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it. Read More…

Rachel Andrew wrote

Contributing To MDN Web Docs

May 9, 2018 — MDN has been documenting the web platform for over 12 years and is a go-to resource for many. Its strength is the fact that it is a community resource, and anyone can contribute and help to improve it. Rachel Andrew explains how. Read More…

Rachel Andrew wrote

A Guide To The State Of Print Stylesheets In 2018

May 1, 2018 — We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today. Read More…

Rachel Andrew wrote

Best Practices With CSS Grid Layout

April 16, 2018 — In some ways, we are all still so new to CSS Grid Layout. A lot of folks keep asking about best practices that are available out there. Rachel Andrew ran a survey and shares the results as well as her thoughts in this article. Read More…

Rachel Andrew wrote

Understanding Logical Properties And Values

March 29, 2018 — CSS Logical Properties and Values aren’t quite ready to be used yet, however learning about them can help you to understand CSS Layout, and the interaction with Writing Modes. Read More…

Rachel Andrew wrote

Styling Empty Cells With Generated Content And CSS Grid Layout

February 22, 2018 — Ever wondered how achieve styling of empty grid cells without adding redundant empty elements? Well, CSS Generated Content can help you do just that. Read More…

Rachel Andrew wrote

Using Media Queries For Responsive Design In 2018

February 5, 2018 — This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future. Read More…

Harris Schneiderman wrote

Enter The Dragon (Drop): Accessible List Reordering

January 30, 2018 — There are tons of drag-and-drop list reordering modules out there today, very few of them are built with accessibility in mind. Dragon Drop seeks to fill this gap by providing means for all users to perform this somewhat common task. Read More…

Rachel Andrew wrote

How Big Is That Box? Understanding Sizing In CSS Layout

January 16, 2018 — When starting to use Flexbox and Grid, it can be frustrating to find that we sometimes don’t get the layout we expect. Often this is due to the way sizing is calculated in these new layout methods. In this article, I try to explain exactly how big that box is, and how it got … Read More…