# Three CSS Grid Features: Named Areas, Fractional Units, and Built-In Gutters

DevFeed: [Three CSS Grid Features: Named Areas, Fractional Units, and Built-In Gutters](<https://devfeed.tech/articles/3-css-grid-features-that-make-my-heart-flutter-28791.md>)

Original publisher: [Read original article](<https://una.im/css-grid/>)

Published: 2017-03-30T00:00:00Z

Content type: article

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [web design](<https://devfeed.tech/topics/web-design.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [css](<https://devfeed.tech/tags/css.md>), [developer-tools](<https://devfeed.tech/tags/developer-tools.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [flexbox](<https://devfeed.tech/tags/flexbox.md>), [layout](<https://devfeed.tech/tags/layout.md>)

## AI overview

A short article discusses three CSS Grid features: named layout areas, the fractional fr unit, and built-in gutters. It explains how these features can simplify layout code and reduce reliance on spacing hacks compared with older Flexbox or float-based approaches.

## Source excerpt

An awesome CSS grid tool was just released for Firefox, and the web has been buzzing about it. This is a short post about my 3 favorite features!