Safari、もしくはスマホから見るとカラム落ち（一番右のカラムが下に落ちてしまう） が直った！！！

歓喜

嬉しすぎる

もうこれしか言えないです。笑

<div class="row">

を

<div class="d-flex flex-row flex-wrap"> 

にしたことで解決。

col-md-4 のwidthを33.3%から33.2%に変えるとかも調べたら出てきましたが、

今の技術ならFlexbox で解決出来ました。

d-flex でFlexboxにして、flex-rowで普通に左から詰める。 flex-wrapで12いったらちゃんと次のカラムに改行。

これでほぼ完璧。

スマホもSafariもほぼ対応しきれました。

あとは

• プロフィールの画面のスマホ対応
• スマホ用の写真の作成
• VJの詳細画面作成

って感じかな。 大台は乗り越えた…

motoki-watanabe.net

ぜひぜひ見てみてください。