フレックスボックスの使い方

Question

https://isara.life/
のイスラというサイト模写をしています。

そしてそこの実現可能です〜の
左側に画像と 右側にテキストが
画像の真ん中の位置に配置されてるんですが、
それを上手く出来ずに、
親要素にdisplay フレックス付けて、
余白を沢山つけて文字を上に持ってこうとしたんですが、文字部分が下に着いてしまいます。
しかも画像が固定されて
Webページを広げると文字と画像に間隔がものすごい開きます

このようなレイアウトをする際には
Displayフレックスの他になにか指定すべきですか。よろしくお願い致します。

Answer 1

親要素にdisplay フレックス付けて

いえ、当該サイトはBootstrap 3をベースにしています。レイアウトはfloatによる制御です。

Comments

[maisumakun]

もっとも、FlexをベースにしたBootstrap 4でもグリッドは実装されています。

https://getbootstrap.com/docs/4.0/layout/grid/