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

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

CSS Flexbox Tool is a CSS flexbox playground and code generator tool. It's a tool for building layouts using CSS Flexbox. Edit properties of the flex container and flex container items. Make custom ...

While Grid and Flex revolutionized web design with their means of accurately laying out content with fewer hacks, they're mechanisms that can be tricky to get your head around. If you're feeling lost, ...