flexが効かない?

Question

...
.fc{
  display:flex;
  flex-wrap:no-wrap;
  flex-direction:row;
}

.lesson{
  width:25%;
}

.lesson-icon{
  position:relative;
  height:200px;
}
...

...
         <div class="lesson-icons-wrapper fc">
          <div class="lesson">
           <div class="lesson-icon">
             <img src="..." class="img"  alt="" />
           </div>
         </div>
         <div class="lesson">
          <div class="lesson-icon">
            <img src="..." class="img" alt="" />          </div>
         </div>
         <div class="lesson">
           <div class="lesson-icon">
             <img src="..." class="img" alt="" />           </div>
         </div>
         <div class="lesson">
           <div class="lesson-icon">
             <img src="..." class="img" alt="" />           </div>
         </div>
...

画像のように、flex指定をしていても
no-wrapが効かず回り込みが生じ、
flex-direction:row;による列表示も効いていない。

ご教授お願いします。

Answer 1

学習サイトが古かったのか、webkitを追加するだけでした。

Comments

[takna]

今後のためにも、Autoprefixer というものがあることを頭に置いておかれることをおすすめします。
https://qiita.com/tonkotsuboy_com/items/377913c51b1ac00deffe

[t.s_k]

すごく助かります！ありがとうございます！

[liveasnotes]

Autoprefixerはテキストエディタのプラグインとしても配布されていることがあるので，「お使いのエディタ名　Autoprefixer　使い方」等で検索すれば導入手順等を調べられると思います
オンライン版（http://autoprefixer.github.io/）もあるのでお試しください^^