# Material Design 3: List-Detail Layout

**URL:** <https://community.penpot.app/t/material-design-3-list-detail-layout/3869>\
**Category:** Ask the community\
**Created:** [October 23, 2023, 10:05am UTC](https://community.penpot.app/t/material-design-3-list-detail-layout/3869 "2023-10-23T10:05:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ulf\_Riehm](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/ulf_riehm/32/3794_2.png) [@Ulf\_Riehm](https://community.penpot.app/u/Ulf_Riehm)\
**Post date:** [October 23, 2023, 10:05am UTC](https://community.penpot.app/t/material-design-3-list-detail-layout/3869/1 "2023-10-23T10:05:17Z")

</div>

Hi, I would like to create a study using a List-Detail-Layout in the Material Design 3 System. [Canonical layouts – Material Design 3](https://m3.material.io/foundations/layout/canonical-layouts/list-detail). Does anybody have a template? I am looking for medium and expanded layouts, as the app is designed to fit on a tablet or laptop.

---

<div class="post-metadata">

**Author:** ![RenanMayrinckDesign](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/renanmayrinckdesign/32/3104_2.png) [@RenanMayrinckDesign](https://community.penpot.app/u/RenanMayrinckDesign)\
**Post date:** [October 24, 2023, 7:44pm UTC](https://community.penpot.app/t/material-design-3-list-detail-layout/3869/2 "2023-10-24T19:44:53Z")

</div>

Hey there @Ulf_Riehm, I don’t know if this is what you’re looking for but I’ve done myself a responsive template based on the details shown on the link you’ve shared. Hope this helps somehow!

[Material List-detail.penpot](https://community.penpot.app/uploads/short-url/xzvsu87okySxX3hOtbEfSyverHQ.penpot) (6.4 KB)