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

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

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