Works in Chrome and Firefox. Didn’t test other browsers.

Problems

1. Pinterest can't store images using tags.
2. Notion can’t wrap tags.

Solution

A. Tags wrap in Notion Gallery

Before: tags didn’t fit in the card

After: tags wrap as words

<aside> 🔗 1. Install the extension Stylus: for Chrome or Firefox. It helps to customize sites with CSS. 2. Install the style.

</aside>

B. Additional styling

Wrap-only

With styling

<aside> 🔗 Install tags wrap with styling

</aside>

Process

I need a pictures grid that can be sorted by tags

On Pinterest, it is sometimes difficult to decide which folder to put the picture in—I want to put it in several. While Pinterest can't store by tags, I'll use Notion. Besides sorting, I need filtering and color-coding. The color indicates the theme of the tag. For example,  gray tags stand for the general visual rule, but  pink —grid particularities.

The narrow task simplifies the card: you don't need a frame that sets the box for any content. I left the picture, tags, and a link to Pinterest. The link helps open the image search.

Wrap-only compared to my version:

My version is also suitable for text notes

It changes all sorts of margins so that the text fits better with the rhythm of the grid.

I didn’t get how to reduce the margin above the text due to the Notion code design. Narrowing the separator of text and tags didn’t work either. Notion doesn't use classes in HTML, so I couldn't access the text card field. Judging by the HTML of Notion, there is no difference between a card with text and a card with a picture.