---
title: "Discussion on \"CSS Grid Component Patterns\" | Hashnode"
description: "Discussion on \"CSS Grid Component Patterns\". Photo by Patrick Hendry on Unsplash\nFor the longest time, web layout has been one of the hardest problems to solve. This has primarily been due to the fact that the web was originally designed around documents and how a document flows. As the web has..."
url: "https://hashnode.com/posts/css-grid-component-patterns-8b472d26fdbe/61a6ce4c4b0b9223386b85d9"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [CSS Grid Component Patterns](https://non-traditional.dev/css-grid-component-patterns-8b472d26fdbe?utm_source=hashnode&utm_medium=feed)

Photo by Patrick Hendry on Unsplash For the longest time, web layout has been one of the hardest problems to solve. This has primarily been due to the fact that the web was originally designed around documents and how a document flows. As the web has...

May 20, 2020 · 9 min read · non-traditional.dev  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#css-grid](https://hashnode.com/tag/css-grid)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#styled-components](https://hashnode.com/tag/styled-components)

## Written by

[Travis Waith-Mair](https://hashnode.com/@nontraditionaldev)

@nontraditionaldev · Houston, Texas

  
[View profile](https://hashnode.com/@nontraditionaldev)

Spread the joy

Travis Waith-Mair is a software engineer with a focus on front-end development. He is the author of the course "Composing Layouts in React" on Newline.co, where he teaches developers how to create flexible and modular layout systems using the React JavaScript library. In addition to his work as a course author, Travis is also the creator of the Bedrock Layout Primitives Library, a set of open-source tools for building robust and highly customizable layout systems. Travis's passion for front-end development is driven by his belief that a well-designed layout is the foundation of any great user experience.

## Responses

Markdown supported · ⌘↵ to post

No responses yet.