メディア
基準スタイル
ユーザーを考えた設計で満足な体験を
提供するサービスやペルソナによって、webサイトの設計は異なります。サービスやペルソナに合わせた設計を行うことにより、訪問者にストレスのないよりよい体験を生み出し、満足を高めることとなります。
わたしたちはお客さまのサイトに合ったユーザビリティを考えるため、分析やヒアリングをきめ細かく実施、満足を体験できるクリエイティブとテクノロジーを設計・構築し、今までにない期待を超えたユーザー体験を提供いたします。
拡張パターン：逆位置
ユーザーを考えた設計で満足な体験を
提供するサービスやペルソナによって、webサイトの設計は異なります。サービスやペルソナに合わせた設計を行うことにより、訪問者にストレスのないよりよい体験を生み出し、満足を高めることとなります。
わたしたちはお客さまのサイトに合ったユーザビリティを考えるため、分析やヒアリングをきめ細かく実施、満足を体験できるクリエイティブとテクノロジーを設計・構築し、今までにない期待を超えたユーザー体験を提供いたします。
バリエーション：画像半分サイズ
ユーザーを考えた設計で満足な体験を
flex-basisが48.333333%と単純に50%としていないのは、画像とテキスト間の余白（約40px）を画像とテキストで按分しているためです。今回はコンテンツ幅が1200pxですので、その半分で600px、そこから余白の40pxを2で按分した20pxを600pxから引いています。すなわち、
580 / 1200 * 100=48.33333...
という計算式です。
他のコードは、基本形のメディアと特に変わりません。
応用：画像固定サイズ
ユーザーを考えた設計で満足な体験を
提供するサービスやペルソナによって、webサイトの設計は異なります。サービスやペルソナに合わせた設計を行うことにより、訪問者にストレスのないよりよい体験を生み出し、満足を高めることとなります。
わたしたちはお客さまのサイトに合ったユーザビリティを考えるため、分析やヒアリングをきめ細かく実施、満足を体験できるクリエイティブとテクノロジーを設計・構築し、今までにない期待を超えたユーザー体験を提供いたします。
