1 <p>So far our little page doesn’t look<em>that great</em>. And it all has to do with the fact that the first row is limited in height, and this limitation affects not only the “Sort by” block, as intended, but also the filter, which should not be assigned a strictly fixed height, since the number of elements contained by it may change in the future.</p>

2 <p>Therefore, in order to solve this problem, we will make a “slightly variable height” filter that is tied to the grid rows. Now the filter is approximately equal in height to the “Sort by” block + three rows of products. That is, we can say that the filter will start from the first line of the row and end on the fifth line.</p>

3 <p>The current solution, of course, is not perfect, and the height of the element is still tied to the content, but it is less rigid than a fixed layout, so it can cope with small changes to the content.</p>