2つの子要素を両端に寄せる ~ space-between ~
タイトル
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
<div class="Card">
<div class="CardHeader">
<img
class="CardHeader__image"
src="https://placekitten.com/500/500"
alt="猫"
/>
<h2 class="CardHeader__title">タイトル</h2>
</div>
<div class="CardBody">
<p class="CardBody__paragraph">
この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。この文章はダミーです。
</p>
</div>
<div class="CardFooter">
<div class="PublishDate">PublishDate</div>
<ul class="Avatars">
<li>Avator</li>
</ul>
</div>
</div>