# Layout Design Patterns in CSS

**URL:** <https://discourse.opensourcedesign.net/t/layout-design-patterns-in-css/1506>\
**Category:** Interaction design\
**Created:** [February 5, 2020, 7:31pm UTC](https://discourse.opensourcedesign.net/t/layout-design-patterns-in-css/1506 "2020-02-05T19:31:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jcklpe](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.opensourcedesign.net/jcklpe/32/3563_2.png) [@jcklpe](https://discourse.opensourcedesign.net/u/jcklpe)\
**Post date:** [February 5, 2020, 7:31pm UTC](https://discourse.opensourcedesign.net/t/layout-design-patterns-in-css/1506/1 "2020-02-05T19:31:30Z")

</div>

Thought this might be a useful/interesting resource for designers/devs. It’s not design per se but it does a good job of showing a lot of different interaction patterns, and has code to boot.

> **[phuoc-ng/csslayout](https://github.com/phuoc-ng/csslayout)**
>
> A collection of popular layouts and patterns made with CSS. Now it has 90+ patterns and continues growing! - phuoc-ng/csslayout