Ameba Ownd（アメーバ オウンド）で、ウェブサイトを作る仕事を受けて対応しています。
参考サイトと同じように作るのですが、カスタムHTMLのブロックをDiv要素を二つ並べて表示させる方法は、一見簡単なように思えます。
でも、スマホで見た場合のメディアクエリの設定範囲を決めるのが大変です。
Ameba Ownd（アメーバ オウンド）は、800px未満をスマホ、タブレットとみるメディアクエリが設定されています。
そのためパソコンの表示だからと言って1024pxでメディアクエリの設定をすると、上手く行きません。
800pxの画面サイズの表示と混乱してしまいます。
そのため、800px以上と、500px未満、500pxから800pxの３つの画面サイズで作る必要があります。
トップページを作るときにも、Chromeの開発者ツールで画面サイズを確認した表示状況とChromeの拡張機能のResponsive Viewerと見え方が違う場合があり、困りました。
特にChromeの開発者ツールで、iPad miniで表示した場合に、画面が縮小されてしまうような見え方をしたので、悩みました。
でも、この３つのメディアクエリの画面サイズに落ち着いたら、上手く行ったように思います。
Ameba Ownd（アメーバ オウンド）は、制限があるので一般的なウエブサイトのようにかっこいい綺麗なウエブサイトを作るのが大変な場合があります。
私は、今回かなり苦労したので、スキルアップできたと思います。
Ameba Ownd（アメーバ オウンド）で作られたウエブサイトのカスタマイズや、Ameba Ownd（アメーバ オウンド）で新規にウエブサイトを作る場合は、ぜひ、ご相談くださいませ。
事前にココナラのダイレクトメッセージ機能や、見積依頼を通じてご相談いただけますと助かります。
お気軽にご相談くださいませ。
