CSS Grid是一種靈活性更強的布局方法，可以輕松地創建網站布局。你可以使用網格行和列，從而讓布局可以適應各種不同的設備尺寸和屏幕大小。

.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
}

上面這段CSS代碼展示了一個簡單的Grid布局。.grid-container元素使用display:grid;屬性來將其定義為網格元素，并使用grid-template-columns屬性來定義該CSS網格中的列數和每個列的大小。本例中，有3個1fr寬的網格列。

除了grid-template-columns屬性外，還可以使用grid-template-rows來定義網格的行和每個行的高度。網格行和列可以以百分數、fr、em、像素等單位來指定長寬。

在這個Grid布局中，我們還設置了網格間隙grid-gap:10px;來為網格元素之間增加一定的空間。這樣可以使我們的網站布局看起來更加美觀。

總之，CSS Grid布局是非常實用的。通過CSS網格，在網站布局設計中可以實現非常靈活、快速的布局方式，更加方便網站的排版。