.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
margin: 20px;
}
.grid-item {
background-color: #eee;
border: 1px solid #ddd;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.grid-item i {
font-size: 40px;
color: #333;
}
.grid-item p {
margin-top: 10px;
font-size: 14px;
font-weight: bold;
color: #555;
}