Razor开发自适应屏幕的多产品网格布局问题求助

大家好，我现在正在学习Razor的使用，还不太熟练，麻烦大家多包容~

我想做一个展示产品的简单网格布局，每一行要显示多个产品，每个产品需要展示名称、产品图片以及价格。

目前我已经写了一些HTML代码，是用table来实现的——因为跟着的教程里用了table，但其实我也接受任何能够根据屏幕可用空间自动换行的解决方案。

不过现在我的这个table方案出现了问题，它……（原内容输入截断）

内容来源于stack exchange