使用してワンソースでマルチデバイス対応させる振り分け方法を容易に実装するための機能です。前編では、この「可変グリッドレイアウト」機能を利用して、実際に3つのデバイスでレイアウトが可変する大枠のHTMLまでを準備しました。後編では、以下の様な作例のデザインを元にして、実際の細かい部分のコーディングにあたってのTipsや注意点を紹介いたします。※このサンプルサイトは本記事用に作成した架空のサイトであり、公式のページではありません。コードを見てみましょう。幅や位置を変更すると自動的にCSSが書き換えられます。各デバイスごとに異なる「width」と「margin-left」の値が自動的に指定されています。