## 対象記事
<div class="link-card">
<div class="link-card-header">
<img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_32,h_32/https://zero-plus.io/media/wp-content/uploads/2021/12/
[email protected]" class="link-card-site-icon"/>
<span class="link-card-site-name">ZeroPlus Media - 完全0から始める Webデザイン/プログラミング -</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<p class="link-card-title">【CSS】flexアイテムの大きさと伸縮を一括指定する方法を解説 | ZeroPlus Media</p>
<p class="link-card-description">CSSの記述で、「 flex: 1; 」のような指定を目にしたことはありませんか？この記述は、flexアイテム</p>
</div>
<img src="https://zero-plus.io/media/wp-content/uploads/2022/05/flexbox-flex%E3%83%95%E3%82%9A%E3%83%AD%E3%83%8F%E3%82%9A%E3%83%86%E3%82%A3%E8%A7%A3%E8%AA%AC%E8%A8%98%E4%BA%8B.png" class="link-card-image" />
</div>
<a href="https://zero-plus.io/media/css-flex-shorthand/"></a>
</div>
`display: flex`ではなく[[flex属性]]の使い方に関する記事。
## flexの性質
#todo まだ。詳細は上記サイトを見た方がいい気がする...