画像をresponsive対応にした

cssにこのコードを足しただけ。

まあ普通に@mediaで500px以下のwidthを100%にしてるだけですね。

レスポンシブデザイン対応難しいなぁ…..。

.post-img {
    width: 50%;
}

@media screen and (max-width: 500px) {
    .post-img {
        width: 100%;
    }
}

以下サンプル画像。PCで見るときは50%、スマホなどwidthが500px以下の場合はフルで表示されるはず。