cssのわからないコードの意味を教えてください。

Question

 <div class="catp">
                <div class="catt">
                    <img src="cat-2.png">
                </div>
                <div class="catt">
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                </div>
                <div class="catt">
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                    <p>We sleep whenever we want.We sleep wherever we</p>
                    <p>Want.All places can be our beds.</p>
                </div>
                <div class="catt">
                    <img src="cat-3.png">
                </div>
                </div>```

.catp {  
  display:flex;  
  flex-wrap:wrap;
  gap: 50px 180px
}  

.catt {  
  flex:1 0 calc(50% - 180px);
} 

上記のコードの中の
gap: 50px 180px
flex:1 0 calc(50% - 180px);
この２行は、どういう意味でしょうか。

Comments

[m.ts10806]

リファレンス、ドキュメントを確認しても何もヒントは得られませんか？

[m.ts10806]

https://developer.mozilla.org/ja/docs/Web/CSS/gap
https://developer.mozilla.org/ja/docs/Web/CSS/flex
https://developer.mozilla.org/ja/docs/Web/CSS/calc()

Answer 1

上記の方をベストアンサーにしたかったのですが、その機能がなかったため、閉じます。

Comments

[m.ts10806]

>https://teratail.com/help#resolve-myself
>具体的な解決手順を記載してください。

私がしているのは「質問への追記修正依頼」です。
求めているのは「何をどう調べたか書いて」です。
丸投げしている自覚がないのなら改めてください。
幾つか質問見た感じ、反面教師になれるくらい丸投げです。