note cards stack vertically

[cavexman]

It would be nice if the note cards would fill the row side-by-side if the container is large enough.

[cavexman]

just need to move the each loop to be within the row, so we repeat the cards inside the same container

[cavexman]

<div class="container">
    <div class="row">
    {{#each notes}}
        <div class="col-sm-4 py-2">
            <div class="card card-body h-100">
                <h5 class="card-header">{{title}}</h5>
                <div class="card-body">
                    <p class="card-text">{{details}}</p>
                    <a class="card-link " href="/notes/edit/{{id}}">Edit </a>
                    <form id="flow-left" method="post" action="/notes/{{id}}?_method=DELETE">
                        <input type="hidden" name="_method" value="DELETE" />
                        <input style="color: red" id="link-removed" type="submit" class="btn btn-link" value="Delete" />
                    </form>
                </div>
            </div>
        </div>
    {{else}}
    <p>No notes listed</p>
    {{/each}}
    </div>
</div>