我要在浏览器宽度变为768px后重新排列列的顺序，以使其对移动设备响应。 在桌面上看起来像下面，这就是我想要的。
[image0][text0]
[text1][image1]
[image2][text2]
但是在手机上看起来像下面的样子。看起来不太好，尤其是带有星号*的部分。
[image0]
[text0]*
[text1]*
[image1]*
[image2]*
[text2]
如何使它像下面这样？
[image0]
[text0]
[image1]
[text1]
[image2]
[text2]
我将网站上传到了https://yellowhexagon.github.io/。这与英雄部分下方的3张图片和3条文字有关。
我尝试将display：grid和display：flex与命令一起使用，但它们中的任何一个都无法获取它。我也在使用bulma.io，所以bulma列之间可能存在冲突。总体而言，我非常困惑，无法在网上找到太多信息，因此，我非常感谢您的帮助。感谢您的宝贵时间！