Currently experimenting with creating a grid layout using Polymer.
<div layout wrap horizontal justified class="projects">
<template repeat="{{project in team['projects']}}">
<item project="{{project['id']}}">
<div>{{project['name']}}</div>
</item>
</template>
</div>
The grid layout works well for all rows except the last one. In the final row, when there are not enough elements to fill it completely, the children are evenly distributed due to the 'justified' attribute. My goal is to have the items in the last row display with the same spacing as other rows and align to the left without filling the entire row.
I believe that this issue is related to the 'justified' attribute. I am struggling to find a solution to achieve the desired result.
To see an example of this problem, visit here.