Automattic / Automattic/blockpatterns

People List 01 - Block Pattern

Open
#3 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
7
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### Design Mockup

![people-list-01](https://user-images.githubusercontent.com/5634774/75350236-70e39580-58a6-11ea-8560-c446283baf25.png)

**Individual images**

- [Person 1](https://a.cl.ly/12u11PX9)
- [Person 2](https://a.cl.ly/YEuAAP7e)
- [Person 3](https://a.cl.ly/p9uKKNvE)
- [Person 4](https://a.cl.ly/YEuAAP5e)

**Location Icon**

- [Location marker PNG](https://a.cl.ly/6quBBEvJ)
- [Location marker SVG](https://a.cl.ly/eDuxx5QG)

### Gutenberg Editor Preview

![people-list-01-gutenberg](https://user-images.githubusercontent.com/5634774/75352775-92468080-58aa-11ea-9311-ed2847440754.png)

### Gutenberg Code

```



Jessica Monroe

Product Designer





Mobile, AL





Willy Harris

JS Engineer





New York, NY





Paul Swartz

Business





Aptos, CA





Sarah Reese

Product Manager





Arch Cape, OR





```

### Published Front-end Preview

![people-list-01-frontend](https://user-images.githubusercontent.com/5634774/75353137-244e8900-58ab-11ea-87e7-0b9215d41d72.png)

### Gutenberg Limitations

- **SVG** - Inability to upload SVG icons limits the ability to display high resolution icons.
- **Line Height** - Inability to modify line height between elements.
- **Custom column widths** - Inability to edit column widths which makes it hard to have an icon next to text
- **Copy & Paste** - Inability to create blocks in one layout grid column grid (as a template) and paste them into the other columns within the grid. This results in a bunch of additional manual work.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.