Utilizing Bootstrap alongside React, I've encountered an issue with images causing unwanted whitespace to the right.
I've thoroughly examined the elements but have been unable to resolve this issue. Despite researching Bootstrap Col online, the problem remains elusive. There are no CSS styles pertaining to the Col or img elements, however, attempts such as applying padding-right: 0px !important and margin-right: 0px; were made without success.
HTML:
<Container>
<Row>
<Col>
<div className="form-border">
<div className="form-box">
<h1 className="form-title">Compare Cheap Life Insurance</h1>
<Row className="logo-border">
<Col className="logo-col">
<img src={aviva} alt="aviva" className="brand-logo" height="75px" width="75px" />
</Col>
<Col className="logo-col">
<img src={aig} alt="aig" className="brand-logo" height="75px" width="75px"/>
</Col>
</Row>
</div>
</div>
</Col>
</Row>
</Container>
Your insights on how to rectify this would be highly appreciated. :)