减小浏览器大小时，Reactstrap卡不会保留

Question

我正在使用反应带卡组件，当浏览器缩小时，卡不会保留其大小。

卡中的元素不存在。

<CardDeck
className="text-center justify-content-center"
style={{ marginLeft: '1px', float: 'left', width: '200%', height: 'auto' }}>
<Card className="cards text-center" body outline color="info" inverse
style={{ backgroundColor: '#333', width: '100%', borderColor: '#333' }}>
<CardTitle className="text-danger">
<h4>Tweet Analysis</h4>
</CardTitle>
<img src={twitter}  alt="Twitter logo " className="logo" style={{ width: '40px', marginLeft: '90px' 
}}
/>
<CardText>Analyse the twitter feeds for the keyword entered</CardText>
<div className="parentElement">
<Link
className="btn btn-lg btn-info "
style={{ marginLeft: '25px', color: 'black', top: '9px' }}
to="/twitter"
>
Tweet
</Link>
<Route exact path="/twitter" component={Twitter} />
</div>
</Card>