实现双Div并排不换行，空间不足时右侧Div自动换行且内容右对齐

需求 #

实现两个包含动态内容的Div并排显示，每个Div内的内容不换行；当浏览器宽度不足以容纳两个Div时，右侧Div自动换行，且右侧Div内的内容需保持右对齐。

现有代码 #

<div class="around">
    <div class="first">
        <p>Some words</p>
    </div>
    <div class="second">
        <p>other words</p>
    </div>
</div>

尝试情况 #

已尝试Flex、Grid、Float等多种布局方式，均未达到预期效果，现寻求可行解决方案。

解决方案代码 #

.around {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.second {
    background: red;
}
.first,
.second {
    display: flex;
    flex-wrap: wrap;
    min-width:0;
    justify-content: space-between;
    flex-grow: 1;
}

内容的提问来源于stack exchange，提问作者Alexander WePunkt