最近學習CSS，今天開始嘗試制作一個簡單的4行3列布局，代碼如下：

.container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.box {
width: 100px;
height: 100px;
background-color: #3498db;
margin: 10px;
}

首先，我創建了一個名為container的類，將其display屬性設置為flex，使其成為一個flex容器。接著，我設置了flex-wrap為wrap，以便使項目在空間不足時換行。然后，我將align-items和justify-content都設置為center，以便在父容器中居中對齊。

隨后，我創建了一個名為box的類，將其width和height都設置為100px，background-color設為#3498db，以獲得一個漸變藍色的盒子。我為此類設置了一個margin為10px，以獲得相應的間距。

完成了樣式設計之后，我就可以在HTML中使用這些類來構建我的4行3列布局。