Css 在移动视图中失去响应能力

我有个小问题。我必须这样排列-

                   140K  |   24k
                  Likes  |  Followers

在桌面视图中，它在中心位置显示良好，而在移动视图中，它显示为

              140k                                                       |

24k

我试过唱文本对齐

import React from 'react'

const likeStyle={
    color:'#696969',
    borderRight: '1px solid #696969',
    paddingLeft:'45%'

}
const followStyle={
    color:'#696969'
}
export default function like(){            
    return (
        <div className='row'>
            <div className='col-md-6 col-xs-6' style={likeStyle}>
                <p style={{fontSize:'1.8em'}}>140k</p>
                <p style={{fontSize:'0.8em'}}>LIKES</p>
            </div>
            <div className='col-md-6 col-xs-6' style={followStyle}>
                <p style={{fontSize:'1.8em'}}>24k</p>
                <p style={{fontSize:'0.8em'}}>FOLLOWERS</p>
            </div>
        </div>
    )
}

从“React”导入React
康斯特式风格={
颜色：'#696969'，
右边框：“1px实心#696969'，
paddingLeft:'45%'
}
常数followStyle={
颜色：“#6969”
}
导出默认函数，如（）{
返回(
140k
LIKES
24k
FOLLOWERS
)
}

当您想在所有形式的设备中将一个屏幕分成两个相等的部分时，您只需编写

col

，了解更多信息

---

你需要在followStyle后面加上position:'absolute'和paddingLeft:'45%'我猜雪莉，读一下-，然后试着结束这个问题。

<div className='row'>
    <div className='col' style={likeStyle}>
        <p style={{fontSize:'1.8em'}}>140k</p>
        <p style={{fontSize:'0.8em'}}>LIKES</p>
    </div>
    <div className='col' style={followStyle}>
        <p style={{fontSize:'1.8em'}}>24k</p>
        <p style={{fontSize:'0.8em'}}>FOLLOWERS</p>
    </div>
</div>

const likeStyle={
    color:'#696969',
    borderRight: '1px solid #696969',
    textAlign:'right'
}