Horizontal but multiline repeating group?

I’m building an app that helps people keep track of a hobby, e.g. baking. Each “bake” can be based on a number of "recipe"s. In a repeating group showing all the bakes a person has done, I want each bake to also list out the recipes that bake is based on.

I got this nice design from a designer, but not sure how to implement it! It’s like a horizontal repeating group, but which can line break onto multiple lines:


Any tips on how to achieve this?

1 Like

I have done some think like your question.
Hope it will help for you.

Add Html element,

<ul id="list-sites"><li>Search for things name join with </li><li></ul>
#list-sites li {
    list-style: none;
    border: 1px solid red;
    border-radius: 20px;
    line-height: 25px;
    margin-bottom: 10px;
1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.