Aligning text in Card, reactrap

Question

So I want to align the text next to the image, but here is what I get

Here is my code

<Card>
        <div class='container'>
          <div className='row'>
            <div className='col-12 col-md-5 mt-3'>
              <CardImg src={history.image} alt={history.name} />
            </div>
          </div>
          <div className='row'>
            <div className='col-12 col-md-5 mt-3'>
              <CardBody>
                <CardText>{history.description}</CardText>
              </CardBody>
            </div>
          </div>
        </div>
</Card>

Any ideas? Thanks, Theo.

Answer 1

Try using flex property to container!

Using CSS:

.container {
   display: flex;
}

I think you are using Bootstrap, this might be helpful to you!

Flex Property Bootstrap