I'm in the process of creating a unique Grid Layout for a web application using Polymer's layouts. I have been utilizing div elements with the 'wrap' attribute but, as expected, they are ending irregularly. My goal is to ensure that they all end at the same width and form a uniform shape.
Below is an excerpt from what I've been working on (a section of a Jinja2 template)
<div horizontal layout wrap style>
{% for el in elements %}
<my-card> {{el.content}} </maker-card>
{% endfor %}
</div>
The issue lies in the fact that the size of el.content varies across different elements, causing the resulting grid to appear uneven.