flexboxで、均等に並べる

Question

<div class="cas">
                    <p class="about">About</p>
                        <div class="two">
                        <div class="leftt">
                            <img src="cat-4.png">
                            <p>We are cute.There is no doubt about this.</p>
                                <p>Nobody can’t object to this fact.</p>
                        </div>
                        <div class="leftt">
                            <img src="cat-5.png">
                            <p>We are cute.There is no doubt about this.</p>
                                <p>Nobody can’t object to this fact.</p>
                        </div>
                    </div>
                    <p><img src="more3.png"></p>
                </div>```




```ここに言語を入力
```.two {
    display:flex;
    }

    .leftt {
        flex:50%;
        flex:auto;
    }```

divを２つ指定して、横並びに画像がなっているのですが、左の画像に左の余白がございません。
これを均等に、横並びにするには、どうすればよろしいでしょうか。

Answer 1

こんにちは。

.two{
display:flex;
justify-content: space-around; /* 追加 */
}  

.leftt {  
/*flex:50%; いらない
flex:auto; いらない*/  
}