モモさま

スタイルシートだけではできません。
上記のように『レイアウトデザインを編集』とスタイルシートで実現できます。
添付画像を見てもらうとわかると思いますが、参考サイトのように上が2カラム、下が余白無しです。

答えを書くのは簡単なんですが...

ヒントとしては、『<div class="container">』の横幅を100％にして左右のパディングを0にすれば OK です。
でも、これだけでは書かれているようにすべての『<div class="container">』の余白がなくなります。
なので、余白をなくしたい『<div class="container">』だけに適用させるために『レイアウトデザインを編集』を利用するということです。

もし、書いてることが全然わからないということであれば、余白なしにする方法を書きますね。

よろしくお願いします。

ありがとうございます。
レイアウトデザイン編集でグリッドコンテナを無効にしたら同じような表示になりました。

私が考えていた方法とは違いますが、その方法でもできますね。
とりあえず、思ったように表示することができてなによりです (^-^)