如何在没有min-height属性的情况下进行灵活，相同高度的段落？

Question

所以这是一个问题：

网站包含4列描述，每列都在<p>元素内。

问题：由于文字大小因列而异，因此某些列比其他列短，使用手机或平板电脑时，它们显示如下：

http://imgur.com/DZ7YKnz

如何解决这个问题？起初我尝试过min-height属性，但由于分辨率很高，有时我会分成4行而不是每行2列，具体取决于设备，为每个分辨率设置最小高度是一件痛苦的事。

还有其他办法吗？

网站：https://www.piere.lt

Answer 1

解决方案可能是使用一些javacript来等于所有列的高度;有很多像http://brm.io/jquery-match-height/

这样的库

建议：使用pure-u-md-1-2 pure-u-lg-1-4以较低分辨率显示项目2 x 2