「CSS Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説」のご紹介| Webデザイン参考記事まとめアプデ

2018年09月28日(金)

CSS Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説

0

280

324

425

CSS GridとFlexboxは、CSSで現在主流となるレイアウトのテクノロジーです。
CSS GridとFlexboxは表面的には似ているように感じるかもしれません。しかし、実際には異なるタスクに使用され、それぞれ異なるレイアウトの問題を解決します。

Flexboxが適してる場合、CSS Gridが適している場合、また両方を使用する場合、さまざまなレイアウトの問題を正しく解決する方法を紹介します。

Grid vs. Flexbox: Which should you choose?

下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。

ページ全体のレイアウト

CSS Gridはコンテナベースで、Flexboxはコンテンツベースです。Flexboxのレイアウトではセル（Flexアイテム）のサイズはFl...

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『CSS Gridが適しているレイアウト、Flexboxが適してるレイアウトを詳しく解説』についてまとめています。

この記事は特にレスポンシブ・CSS3・SEO・facebook・twitter・Instagramについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。