コンテナ内に2列のセンタリングを行うより好ましい方法はありますか？

Question

私は自分のウェブサイトの "ポートフォリオ"セクションを設計しており、2列のコンテナを持つ "ベスト"（主観的）な方法を見つけるのは難しいです。this website's "web development"セクション。私はflexboxを使ってみましたが、私が達成しようとしているものに対して最良の方法を使用しているのか、同じ結果を得るためのより良い方法があるのか​​を知りたがっていますか？

ここでのアクションで私の現在のコードを参照してください：http://codepen.io/muygalan/pen/ZOVQgm

See above link for code. 

Answer 1

私はそれはかなり簡単です、あなたが本当にこれを達成するためにフレキシボックスを使用する必要はありませんと言うでしょう。 Here's単純にfloatとmedia queryを使用しているcodepenの実例私はあなたが提供したウェブサイトと同じ結果を達成したいと思っています。モバイルでは両方の列が互いに重なり合い、画像は常に最初のものです。フレックスボックスを避ける最も簡単な方法は、HTMLマークアップを少し修正することです。

私はできるだけスリムでまっすぐなCSSを保つようにしました。

.portfolio{ 
    max-width: 1020px; 
    margin: 0 auto; 
    clear: both; 
} 
.port-col-left, 
.port-col-right{ 
    width: 100%; 
    float: left; 
    text-align: center; 
} 
@media screen and (min-width:992px){ 
    .port-col-left, 
    .port-col-right{ 
    width: 50%; 
    float: left; 
    text-align: center; 
    } 
    .portfolio--inverted .port-col-left, 
    .portfolio--inverted .port-col-right{ 
    float: right; 
    } 
}