Html 在底部末端并排放置2个div

我想要我的两个div并排，也在英雄的底部。所以，当我用绝对值和底部零点从下到下定位英雄时，宽度变小了。所以我想要两个快速响应的div并排放在底部，但我不知道怎么做

.hero bottom{
底部：0；
}
.英雄底部.立柱{
浮动：左；
宽度：50%；
}
英雄倒数第二排：后面{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.英雄底部.立柱{
宽度：100%；
}
}

第1栏
一些文字

第2栏
一些文字

.hero bottom.row{
显示：网格；
位置：固定；
底部：0；
右：0；
宽度：100%；
左：0；
网格模板列：重复（2,1fr）；
}
.英雄底部.立柱{
宽度：100%；
}

第1栏
一些文字

第2栏
一些文字

确切的问题是什么？div似乎覆盖了整个宽度，但当我试图将其放在底部时，这是不可能的。我这样写的位置：绝对在。你能示意图或图像应该达到什么？