ウェブサイトをデザインしていると、複数の要素を並べたときに高さがバラバラになってしまい、レイアウトが崩れてしまうことがありますよね。特に、商品リストやブログ記事のプレビューなど、画像とテキストをセットで表示する場合によく起こります。

CSSレイアウトの鉄則は「親が場所を作り、子がそこに住む」です。 親（コンテナ/Container）： 土地のオーナー、学校の先生 ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2020年6月8日～6月14日の間に見つけた記事のベスト5です。 1. Grid for layout, Flexbox for componentshttps:// ishadeed.

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『図解でわかる！FlexboxとGrid Layout』（著者：岡花 智貴）を発行いたします。 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書同人誌博覧会」をはじめとした ...