画像がはみ出す

Gatsby Starter Blogで、記事を投稿すると以下のように、画像がはみ出てしまいました。

src/style.cssに以下を追加することで、横幅に合わせて収まるようになりました。

.blog-post img {
  max-width: 100%;
}

URLリンクがはみ出す

こちらも、src/style.cssを修正することで直りました。

a {
  color: var(--color-primary);
  word-break: break-all;
}

word-break: break-all;を追加して単語の途中でも改行するようにしました。