は最初のフレックスタイルをモバイルビューで適切な位置に設定できません

Question

最初のタイルは右側に移動しますが、残りのタイルのように中央に移動する必要があります。あなたは私のフィドルで見つけることができます。

.tiles { 
    display: flex; 
    flex-wrap: wrap ; 
    justify-content: space-between; 

} 
    .tile1 { 
     flex: 0 1 80%; 
     height: 20vh; 
     background: #fff; 
     position: relative; 
     background: url("../images/h2.jpg"); 
     background-size: cover; 

    } 

https://jsfiddle.net/0vw5e58o/

Answer 1

あなたのHTMLが間違っている中央を試す代わりにスペース間

justify-content: center;