I have the following code, using handlebars and materialize to populate a div.

<li>
        <div class="collapsible-header"><i class="material-icons">face</i>Your favorite artists (top 50)</div>
        <div class="collapsible-body">
            <span>
                <table>
                    {{#each artistPreferences}}
                    <tr>
                        <td>
                            <b>{{this.name}}</b><br>
                            <a href="{{this.url}}">
                                <img src="{{this.image}}" alt="{{this.name}}" width="100">
                            </a>
                        </td>
                    </tr>
                    {{/each}}
                </table>
            </span>
        </div>
    </li>

It looks like the following:

r/web_design - How do I get multiple columns in my "collapsible-body" in handlebars?

But I want to have multiple artists beside each other – 2 or 3 columns perhaps. How can I adjust so it is shown like this?



Source link

Write A Comment