如何修复页面响应（）

我真的有一个烦人的问题。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_equal_height_media这是我在网站上使用的确切内容, 但是内容不同。所以我的问题是, 如果减小浏览器大小, 列将不会移动。并且右列将移至侧栏, 但是, 我不希望将侧栏固定为所有大小。我使用Wordpress插件Wpbakery。我的主题是福禄考。这是我的网站https://sijour.com/offer/我认为最好共享链接而不是截图。
【如何修复页面响应（）】(如果我将相同的内容从w3school复制到wpbakery中的原始html, 则静态列将与侧边栏重叠, 并且如果浏览器小于600px, 则第一列将可见)
我尝试了一些操作, 从仪表板创建了一个新页面, 然后选择了Html, 将所有内容粘贴到其中, 这很好, 但是, 当我检查预览时, 它仍然无法正常工作。
#1将此添加到当前的CSS中：

.col-container .col { float: left; }

#2我真的有一个烦人的问题。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_equal_height_media这是我在网站上使用的确切内容, 但是内容不同。所以我的问题是, 如果减小浏览器大小, 列将不会移动。并且右列将移至侧栏, 但是, 我不希望将侧栏固定为所有大小。我使用Wordpress插件Wpbakery。我的主题是福禄考。这是我的网站https://sijour.com/offer/我认为最好共享链接而不是截图。
(如果我将相同的内容从w3school复制到wpbakery中的原始html, 则静态列将与侧边栏重叠, 并且如果浏览器小于600px, 则第一列将可见)
我尝试了一些操作, 从仪表板创建了一个新页面, 然后选择了Html, 将所有内容粘贴到其中, 这很好, 但是, 当我检查预览时, 它仍然无法正常工作。
#3将此添加到当前的CSS中：