メディアオブジェクト

写真とテキストが並ぶ「メディアオブジェクト」を作成する

カート型レイアウトと並んで、Webデザインでは良く使われるモジュール

SNS で良く見るレイアウトをフレックスボックスで実現

メディアオブジェクトというのは画像一枚とテキストが橫に並ぶレイアウト

Twitter や Facebook など SNS の投稿を表示するために使われることが多い

画像とテキストを橫に並べるのは、フレックスボックスでもグリッドレイアウトでも可能

フレックスボックスを使う

作成するメディアオブジェクトでは、モバイル向けレイアウトの場合、コンパクトに見せるため一部のテキストを非表示にしている