css - グリッド レイアウトで div をオフセットする

Question

私はグリッド レイアウトを初めて使用します。たとえば、「リボン」効果のために、物事をグリッドから少し出させるための最良の方法は何だろうかと思います。

( http://www.red-team-design.com/css-ribbonsからの画像)

Answer 1

リボンをグリッドに並べてスタイルを設定したら、次のようなものを CSS に追加します。

.ribbon {
margin-left: -10px;
}