【html・css】テキストを左、画像を右にしてスマホレスポンシブ時に画像上、テキスト下にする

こんにちは!ちづみ(@098ra0209)です!カンボジアで暮らすノマド女子です!!

 

今回はテキストが左、画像が右にくる場合、それがレスポンシブで画像が上、テキストが下になるhtml、cssのコードを紹介します。

 

これが

レスポンシブでこうなります。

ちづみ
今回はcssはdisplay:flex;を使っていくよ!

 

html

 

 

 

css