青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。プログラミング初心者。

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

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