【align-items】
flexアイテムを縦軸で見たときに「上下のどこで揃えるか」を指定するプロパティ。具体的には上揃え・中央揃え・下揃えなどが可能。
display:flex; と一緒に親要素(flexコンテナ)に指定する。
例)
片桐建鋼サイト 実績ページ 高さが異なるビルの寫眞を並べた際、頭揃えにした。
.img-flex {
display: flex;
align-items: flex-start;
}
<div class="img-flex">
<img src="/wp-content/uploads/2025/11/work_2024-2.jpg" alt="月島三丁目北地区第一種市街地再開発事業" width="45%" class="mb-img">
<img src="/wp-content/uploads/2025/10/work_2024.jpg" alt="JESCO AKUZAWA" width="45%" class="mb-img">
</div>
参考サイト:https://zero-plus.io/media/css-align-items-how-to-use/