flex-wrapが効かない、なぜでしょうか????????????

この記述でflexは効くのですが、wrapが効きません。
親要素(".Activity_news_item")のサイズを超過しても、子要素は横に並んだままで、飛び出てしまいます。
SafariとChromeで試しましたがどちらもダメです。どこがおかしいのでしょう？
よろしくお願いします。m_ _ m

HTML
1<div class="Activity_news_item">
2         <div class="Activity_news_item_img">
3              <img src="lib/img/image.jpg" alt="">
4         </div>
5         <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
6</div>

CSS
1.Activity_news_item{
2  width: 50%;
3  min-width: 300px;
4  margin: auto;
5  display: -webkit-box;  //Android2.3~
6  display: -webkit-flex; //Android2.3~
7  display: -ms-flexbox; //IE9~用
8  display: flex;
9  -webkit-box-pack: center;
10  -webkit-justify-content: center;
11  -ms-flex-pack: center;
12  justify-content: center;
13  text-align: center;
14  -webkit-flex-wrap: wrap;
15  -ms-flex-wrap: wrap;
16  flex-wrap: wrap;
17}
18.Activity_news_item_img{
19  width: 45%;
20  min-width: 300px;
21  position: relative;
22  overflow: hidden;
23}
24.Activity_news_item_img img{
25  height: 100%;
26  position: absolute;
27  top: 0;
28  border: 0;
29  left: 0;
30  right: 0;
31  margin: auto;
32  object-fit: cover;
33}
34.Activity_news_item p{
35  width: 55%;
36  min-width: 300px;
37  margin: 0 0 0 20px;
38  padding: 20px;
39  background-color: white;
40  color: #ef7b00;
41  text-align: left;
42}
43

m.ts10806

2019/02/04 04:45

タイトルの最後の3つの[]は何でしょうか。絵文字などは原則使えないと思って良いです。

m.ts10806

2019/02/04 04:52

スマホから投稿はあまりされない方がいいですね。表示確認はともかくコードはスマホで打つものではないので。

teruri

2019/02/06 01:35

PCですが、表示されてますなー。絵文字は最近の海外では割と主流なような。

退会済みユーザー

2020/01/05 13:21

絵文字は、環境によっても確認できない事があるようです。この絵文字の場合???? 思考中の顔絵文字は、2015年に Unicode 8.0 で追加されました。以下の環境とそれ以降で利用が可能です。 - Windows 10 version 1507 - OS X Yosemite 10.10.3 - iOS 9.1 - Android 6.0.1 Marshmallow - パソコン版 Twitter - パソコン版 Facebook となっている様です。直接確認していない為、不確かではありますが。