StackEditからBloggerに投稿したら画像とコードの部分がはみ出る


始めて質問します。  
いろいろ調べたことを残すためにブログを始めてみようと思い、StackEditからBloggerに投稿が可能ということで始めてみました。

いざStackEditからtemplateを使って投稿してみましたが、以下のように画像部分とCodeの部分が本文のエリアからはみ出してしまいました。

![画像](https://i.stack.imgur.com/OA0Op.png)

cssの変更が必要かと思い、css自身をstackeditのgithubからDLし、google driveに置いて読み込むまではできました。min-
widthの設定とかもいじってみたのですが、改善しません。

どうしたら画像部分、code部分が本文のエリアに収まるかを教えていただけないでしょうか？




Hiroshi Yamamotoさんアドバイスありがとございます。  
使っているテンプレートはBloggerの一般的なもので、  
CSSは、<https://stackedit.io/res-min/themes/base>.cssです。

もう少し調べた結果、以下に近い内容がありました。  
参考：[StackEditを使ってMarkdown記法の投稿を書いてみた](http://island00.blogspot.jp/2014/02/stackeditmarkdown_1057.html)

ただ2回投稿するのは面倒なので、もう少し解析したところ投稿時にcustom templateとし、  
以下のように修正することで解決しました。

[修正前]

[code]

    <body><div class="container"><%= documentHTML %></div></body>
    
[/code]

[修正後]

[code]

    <body><%= documentHTML %></body>
    
[/code]




Hiroshi Yamamotoさんアドバイスありがとございます。  
使っているテンプレートはBloggerの一般的なもので、  
CSSは、<https://stackedit.io/res-min/themes/base>.cssです。

もう少し調べた結果、以下に近い内容がありました。  
参考：[StackEditを使ってMarkdown記法の投稿を書いてみた](http://island00.blogspot.jp/2014/02/stackeditmarkdown_1057.html)

ただ2回投稿するのは面倒なので、もう少し解析したところ投稿時にcustom templateとし、  
以下のように修正することで解決しました。

[修正前]

[code]

    <body><div class="container"><%= documentHTML %></div></body>
    
[/code]

[修正後]

[code]

    <body><%= documentHTML %></body>
    
[/code]

