コーポレートサイトをはじめとして、様々なWebサイトに、フォームはなくてはならないものです。しかし、デザイナーにとって、フォームのレイアウトはどちらかといえば*「手間」*に感じるのではないでしょうか。 フォームデザインは、未だにTABLEレイアウトを使ったり、場合によってはFloat、もう少し先駆的なデザイナーならFlexboxを使っているケースが多いようです。しかしながら、CSSグリッドによるデザイン手法はWebデザインの定着となりつつあるので、フォームのレイアウトもCSSグリッドを使う手法が主流になるでしょう。 そこで今回は、CSSグリッドを使ってフォームデザインを簡単にする方法をご紹介します。 厄介なセルの入れ替えも、CSSグリッドを使えば比較的簡単に行うことができます。ぜひ、その考え方や方法について確認してみましょう。 フォームのレイアウトで生じる問題点 アンケートや問い合わせなど
![知って便利に!CSSグリッドを使ってフォームデザインを簡単にする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7fb80ef9f9c580181c3b343735af563ba6f89778/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F9120%2Fog_image%2Fdefault-6d87566bfef24d3455c3b850594a09f7.jpg)