css - 反応jsでカードを配置する

Question

私は初心者で、react js を使用してアプリケーションを構築し始めたばかりです。カードを並べて中サイズにする必要があります。以下のようなカードが欲しいので、助けていただければ幸いです。前もって感謝します

しかし、私はこのようになっています 私はここで立ち往生しています。

これは私のコードです

render() {
    return ( 

        { /*heading starts */ } <
        div style = {
            {
                paddingTop: 150,

                paddingLeft: 70,

                color: 'white'
            }
        } >
        < div style = {
            {
                position: 'absolute',
                paddingLeft: 260,
                color: 'black',
                top: 90,
            }
        } >
        < CardGroup >
        <Card >
        <Card.Img variant = "top"
        src = "./image/free.png" / >
        < Card.Body >
        <Card.Title > Free < /Card.Title> <
        Card.Text >
        in to additional content.This content is a little bit longer. </Card.Text> < /
        Card.Body > <
        Card.Footer >
        <
        small className = "text-muted" > Last updated 3 mins ago < /small> < /
        Card.Footer > 
        </div> 
    );
}